#12ae85 hex color

In a RGB color space, hex #12ae85 is composed of 7.1% red, 68.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 23.6% yellow and 31.8% black. It has a hue angle of 164.2 degrees, a saturation of 81.3% and a lightness of 37.6%. #12ae85 color hex could be obtained by blending #24ffff with #005d0b. Closest websafe color is: #009999.

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

● #12ae85 color description : Dark cyan - lime green.

The hexadecimal color #12ae85 has RGB values of R:18, G:174, B:133 and CMYK values of C:0.9, M:0, Y:0.24, K:0.32. Its decimal value is 1224325.

Hex triplet	12ae85	`#12ae85`
RGB Decimal	18, 174, 133	`rgb(18,174,133)`
RGB Percent	7.1, 68.2, 52.2	`rgb(7.1%,68.2%,52.2%)`
CMYK	90, 0, 24, 32
HSL	164.2°, 81.3, 37.6	`hsl(164.2,81.3%,37.6%)`
HSV (or HSB)	164.2°, 89.7, 68.2
Web Safe	009999	`#009999`

CIE-LAB	63.419, -46.836, 10.739
XYZ	19.617, 32.092, 27.349
xyY	0.248, 0.406, 32.092
CIE-LCH	63.419, 48.052, 167.086
CIE-LUV	63.419, -52.15, 22.294
Hunter-Lab	56.65, -37.324, 11.031
Binary	00010010, 10101110, 10000101

#12ae85
```
#12ae85 rgb(18,174,133)
```
#ae123b
```
#ae123b rgb(174,18,59)
```

Complementary Color

#12ae37
```
#12ae37 rgb(18,174,55)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#1289ae
```
#1289ae rgb(18,137,174)
```

Analogous Color

#ae3712
```
#ae3712 rgb(174,55,18)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#ae1289
```
#ae1289 rgb(174,18,137)
```

Split Complementary Color

#ae8512
```
#ae8512 rgb(174,133,18)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#8512ae
```
#8512ae rgb(133,18,174)
```

Triadic Color

#3bae12
```
#3bae12 rgb(59,174,18)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#8512ae
```
#8512ae rgb(133,18,174)
```
#ae123b
```
#ae123b rgb(174,18,59)
```

Tetradic Color

#0b6950
```
#0b6950 rgb(11,105,80)
```
#0d8062
```
#0d8062 rgb(13,128,98)
```
#109773
```
#109773 rgb(16,151,115)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#14c597
```
#14c597 rgb(20,197,151)
```
#17dca8
```
#17dca8 rgb(23,220,168)
```
#24e8b5
```
#24e8b5 rgb(36,232,181)
```

Monochromatic Color

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

#12ae5e
```
#12ae5e rgb(18,174,94)
```
#12ae6b
```
#12ae6b rgb(18,174,107)
```
#12ae78
```
#12ae78 rgb(18,174,120)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#12ae92
```
#12ae92 rgb(18,174,146)
```
#12ae9f
```
#12ae9f rgb(18,174,159)
```
#12aeac
```
#12aeac rgb(18,174,172)
```

Similar Colors

Text with hexadecimal color #12ae85

This text has a font color of #12ae85.

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

#12ae85 background color

This paragraph has a background color of #12ae85.

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

#12ae85 border color

This element has a border color of #12ae85.

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

CSS codes

.text {color:#12ae85;}

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

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

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, #010e0b is the darkest color, while #fbfffe is the lightest one.

#010e0b
```
#010e0b rgb(1,14,11)
```
#032018
```
#032018 rgb(3,32,24)
```
#053226
```
#053226 rgb(5,50,38)
```
#074333
```
#074333 rgb(7,67,51)
```
#095541
```
#095541 rgb(9,85,65)
```
#0b674f
```
#0b674f rgb(11,103,79)
```
#0c795c
```
#0c795c rgb(12,121,92)
```
#0e8a6a
```
#0e8a6a rgb(14,138,106)
```
#109c77
```
#109c77 rgb(16,156,119)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#14c093
```
#14c093 rgb(20,192,147)
```
#16d2a0
```
#16d2a0 rgb(22,210,160)
```
#18e3ae
```
#18e3ae rgb(24,227,174)
```

Shade Color Variation

#26e9b5
```
#26e9b5 rgb(38,233,181)
```
#38eabb
```
#38eabb rgb(56,234,187)
```
#49ecc1
```
#49ecc1 rgb(73,236,193)
```
#5beec7
```
#5beec7 rgb(91,238,199)
```
#6df0ce
```
#6df0ce rgb(109,240,206)
```
#7ff2d4
```
#7ff2d4 rgb(127,242,212)
```
#91f4da
```
#91f4da rgb(145,244,218)
```
#a2f5e0
```
#a2f5e0 rgb(162,245,224)
```
#b4f7e6
```
#b4f7e6 rgb(180,247,230)
```
#c6f9ec
```
#c6f9ec rgb(198,249,236)
```
#d8fbf2
```
#d8fbf2 rgb(216,251,242)
```
#e9fdf8
```
#e9fdf8 rgb(233,253,248)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#5c6462
```
#5c6462 rgb(92,100,98)
```
#546c65
```
#546c65 rgb(84,108,101)
```
#4d7369
```
#4d7369 rgb(77,115,105)
```
#467a6c
```
#467a6c rgb(70,122,108)
```
#3e8270
```
#3e8270 rgb(62,130,112)
```
#378973
```
#378973 rgb(55,137,115)
```
#309077
```
#309077 rgb(48,144,119)
```
#28987a
```
#28987a rgb(40,152,122)
```
#219f7e
```
#219f7e rgb(33,159,126)
```
#19a781
```
#19a781 rgb(25,167,129)
```
#12ae85
```
#12ae85 rgb(18,174,133)
```
#0bb589
```
#0bb589 rgb(11,181,137)
```
#03bd8c
```
#03bd8c rgb(3,189,140)
```

Tone Color Variation

Below, you can see how #12ae85 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
#66857d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89e82 Protanopia 1% of men
#b19993 Deuteranopia 1% of men
#46abb8 Tritanopia 0.001% of the population

Trichromacy

#71a483 Protanomaly 1% of men, 0.01% of women
#77a18e Deuteranomaly 6% of men, 0.4% of women
#33aca5 Tritanomaly 0.01% of the population

#12ae85 hex color

#12ae85 Color Information

#12ae85 Color Conversion

Color Schemes with #12ae85

Alternatives to #12ae85

#12ae85 Preview

Shades and Tints of #12ae85

Tones of #12ae85

Color Blindness Simulator