#12ad8e hex color

In a RGB color space, hex #12ad8e is composed of 7.1% red, 67.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 89.6% cyan, 0% magenta, 17.9% yellow and 32.2% black. It has a hue angle of 168 degrees, a saturation of 81.2% and a lightness of 37.5%. #12ad8e color hex could be obtained by blending #24ffff with #005b1d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 7
- G 68
- B 56
RGB color chart
- C 90
- M 0
- Y 18
- K 32
CMYK color chart

● #12ad8e color description : Dark cyan.

The hexadecimal color #12ad8e has RGB values of R:18, G:173, B:142 and CMYK values of C:0.9, M:0, Y:0.18, K:0.32. Its decimal value is 1224078.

Hex triplet	12ad8e	`#12ad8e`
RGB Decimal	18, 173, 142	`rgb(18,173,142)`
RGB Percent	7.1, 67.8, 55.7	`rgb(7.1%,67.8%,55.7%)`
CMYK	90, 0, 18, 32
HSL	168°, 81.2, 37.5	`hsl(168,81.2%,37.5%)`
HSV (or HSB)	168°, 89.6, 67.8
Web Safe	009999	`#009999`

CIE-LAB	63.315, -44.116, 5.601
XYZ	20.074, 31.967, 30.702
xyY	0.243, 0.386, 31.967
CIE-LCH	63.315, 44.471, 172.764
CIE-LUV	63.315, -51.142, 14.739
Hunter-Lab	56.539, -35.568, 7.382
Binary	00010010, 10101101, 10001110

#12ad8e
```
#12ad8e rgb(18,173,142)
```
#ad1231
```
#ad1231 rgb(173,18,49)
```

Complementary Color

#12ad41
```
#12ad41 rgb(18,173,65)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#127fad
```
#127fad rgb(18,127,173)
```

Analogous Color

#ad4112
```
#ad4112 rgb(173,65,18)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#ad127f
```
#ad127f rgb(173,18,127)
```

Split Complementary Color

#ad8e12
```
#ad8e12 rgb(173,142,18)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#8e12ad
```
#8e12ad rgb(142,18,173)
```

Triadic Color

#31ad12
```
#31ad12 rgb(49,173,18)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#8e12ad
```
#8e12ad rgb(142,18,173)
```
#ad1231
```
#ad1231 rgb(173,18,49)
```

Tetradic Color

#0b6855
```
#0b6855 rgb(11,104,85)
```
#0d7f68
```
#0d7f68 rgb(13,127,104)
```
#10967b
```
#10967b rgb(16,150,123)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#14c4a1
```
#14c4a1 rgb(20,196,161)
```
#17dbb4
```
#17dbb4 rgb(23,219,180)
```
#23e8c1
```
#23e8c1 rgb(35,232,193)
```

Monochromatic Color

Below, you can see some colors close to #12ad8e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#12ad67
```
#12ad67 rgb(18,173,103)
```
#12ad74
```
#12ad74 rgb(18,173,116)
```
#12ad81
```
#12ad81 rgb(18,173,129)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#12ad9b
```
#12ad9b rgb(18,173,155)
```
#12ada8
```
#12ada8 rgb(18,173,168)
```
#12a5ad
```
#12a5ad rgb(18,165,173)
```

Similar Colors

Text with hexadecimal color #12ad8e

This text has a font color of #12ad8e.

<span style="color:#12ad8e;">Text here</span>

#12ad8e background color

This paragraph has a background color of #12ad8e.

<p style="background-color:#12ad8e;">Content here</p>

#12ad8e border color

This element has a border color of #12ad8e.

<div style="border:1px solid #12ad8e;">Content here</div>

CSS codes

.text {color:#12ad8e;}

.background {background-color:#12ad8e;}

.border {border:1px solid #12ad8e;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#031f19
```
#031f19 rgb(3,31,25)
```
#053128
```
#053128 rgb(5,49,40)
```
#074237
```
#074237 rgb(7,66,55)
```
#095445
```
#095445 rgb(9,84,69)
```
#0b6654
```
#0b6654 rgb(11,102,84)
```
#0c7862
```
#0c7862 rgb(12,120,98)
```
#0e8971
```
#0e8971 rgb(14,137,113)
```
#109b7f
```
#109b7f rgb(16,155,127)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#14bf9d
```
#14bf9d rgb(20,191,157)
```
#16d1ab
```
#16d1ab rgb(22,209,171)
```
#18e2ba
```
#18e2ba rgb(24,226,186)
```

Shade Color Variation

#25e8c1
```
#25e8c1 rgb(37,232,193)
```
#37eac6
```
#37eac6 rgb(55,234,198)
```
#49eccb
```
#49eccb rgb(73,236,203)
```
#5aeed0
```
#5aeed0 rgb(90,238,208)
```
#6cf0d5
```
#6cf0d5 rgb(108,240,213)
```
#7ef2da
```
#7ef2da rgb(126,242,218)
```
#90f3df
```
#90f3df rgb(144,243,223)
```
#a1f5e5
```
#a1f5e5 rgb(161,245,229)
```
#b3f7ea
```
#b3f7ea rgb(179,247,234)
```
#c5f9ef
```
#c5f9ef rgb(197,249,239)
```
#d7fbf4
```
#d7fbf4 rgb(215,251,244)
```
#e9fdf9
```
#e9fdf9 rgb(233,253,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6462 is the less saturated color, while #03bc97 is the most saturated one.

#5b6462
```
#5b6462 rgb(91,100,98)
```
#546b66
```
#546b66 rgb(84,107,102)
```
#4d726b
```
#4d726b rgb(77,114,107)
```
#457a6f
```
#457a6f rgb(69,122,111)
```
#3e8174
```
#3e8174 rgb(62,129,116)
```
#378878
```
#378878 rgb(55,136,120)
```
#2f907c
```
#2f907c rgb(47,144,124)
```
#289781
```
#289781 rgb(40,151,129)
```
#219e85
```
#219e85 rgb(33,158,133)
```
#19a68a
```
#19a68a rgb(25,166,138)
```
#12ad8e
```
#12ad8e rgb(18,173,142)
```
#0bb492
```
#0bb492 rgb(11,180,146)
```
#03bc97
```
#03bc97 rgb(3,188,151)
```

Tone Color Variation

Below, you can see how #12ad8e is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#7b7b7b Achromatopsia 0.005% of the population
#66857f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59e8a Protanopia 1% of men
#ae999c Deuteranopia 1% of men
#42acb8 Tritanopia 0.001% of the population

Trichromacy

#70a38b Protanomaly 1% of men, 0.01% of women
#75a097 Deuteranomaly 6% of men, 0.4% of women
#30aca9 Tritanomaly 0.01% of the population

#12ad8e hex color

#12ad8e Color Information

#12ad8e Color Conversion

Color Schemes with #12ad8e

Alternatives to #12ad8e

#12ad8e Preview

Shades and Tints of #12ad8e

Tones of #12ad8e

Color Blindness Simulator