#12ae64 hex color

In a RGB color space, hex #12ae64 is composed of 7.1% red, 68.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 0% magenta, 42.5% yellow and 31.8% black. It has a hue angle of 151.5 degrees, a saturation of 81.3% and a lightness of 37.6%. #12ae64 color hex could be obtained by blending #24ffc8 with #005d00. Closest websafe color is: #009966.

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

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

The hexadecimal color #12ae64 has RGB values of R:18, G:174, B:100 and CMYK values of C:0.9, M:0, Y:0.43, K:0.32. Its decimal value is 1224292.

Hex triplet	12ae64	`#12ae64`
RGB Decimal	18, 174, 100	`rgb(18,174,100)`
RGB Percent	7.1, 68.2, 39.2	`rgb(7.1%,68.2%,39.2%)`
CMYK	90, 0, 43, 32
HSL	151.5°, 81.3, 37.6	`hsl(151.5,81.3%,37.6%)`
HSV (or HSB)	151.5°, 89.7, 68.2
Web Safe	009966	`#009966`

CIE-LAB	62.776, -54.107, 27.77
XYZ	17.684, 31.319, 17.169
xyY	0.267, 0.473, 31.319
CIE-LCH	62.776, 60.818, 152.831
CIE-LUV	62.776, -54.347, 44.589
Hunter-Lab	55.963, -41.53, 20.985
Binary	00010010, 10101110, 01100100

#12ae64
```
#12ae64 rgb(18,174,100)
```
#ae125c
```
#ae125c rgb(174,18,92)
```

Complementary Color

#12ae16
```
#12ae16 rgb(18,174,22)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#12aaae
```
#12aaae rgb(18,170,174)
```

Analogous Color

#ae1612
```
#ae1612 rgb(174,22,18)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#ae12aa
```
#ae12aa rgb(174,18,170)
```

Split Complementary Color

#ae6412
```
#ae6412 rgb(174,100,18)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#6412ae
```
#6412ae rgb(100,18,174)
```

Triadic Color

#5cae12
```
#5cae12 rgb(92,174,18)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#6412ae
```
#6412ae rgb(100,18,174)
```
#ae125c
```
#ae125c rgb(174,18,92)
```

Tetradic Color

#0b693c
```
#0b693c rgb(11,105,60)
```
#0d8049
```
#0d8049 rgb(13,128,73)
```
#109757
```
#109757 rgb(16,151,87)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#14c571
```
#14c571 rgb(20,197,113)
```
#17dc7f
```
#17dc7f rgb(23,220,127)
```
#24e88b
```
#24e88b rgb(36,232,139)
```

Monochromatic Color

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

#12ae3d
```
#12ae3d rgb(18,174,61)
```
#12ae4a
```
#12ae4a rgb(18,174,74)
```
#12ae57
```
#12ae57 rgb(18,174,87)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#12ae71
```
#12ae71 rgb(18,174,113)
```
#12ae7e
```
#12ae7e rgb(18,174,126)
```
#12ae8b
```
#12ae8b rgb(18,174,139)
```

Similar Colors

Text with hexadecimal color #12ae64

This text has a font color of #12ae64.

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

#12ae64 background color

This paragraph has a background color of #12ae64.

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

#12ae64 border color

This element has a border color of #12ae64.

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

CSS codes

.text {color:#12ae64;}

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

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

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

#010e08
```
#010e08 rgb(1,14,8)
```
#032012
```
#032012 rgb(3,32,18)
```
#05321c
```
#05321c rgb(5,50,28)
```
#074327
```
#074327 rgb(7,67,39)
```
#095531
```
#095531 rgb(9,85,49)
```
#0b673b
```
#0b673b rgb(11,103,59)
```
#0c7945
```
#0c7945 rgb(12,121,69)
```
#0e8a50
```
#0e8a50 rgb(14,138,80)
```
#109c5a
```
#109c5a rgb(16,156,90)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#14c06e
```
#14c06e rgb(20,192,110)
```
#16d278
```
#16d278 rgb(22,210,120)
```
#18e383
```
#18e383 rgb(24,227,131)
```

Shade Color Variation

#26e98c
```
#26e98c rgb(38,233,140)
```
#38ea96
```
#38ea96 rgb(56,234,150)
```
#49ec9f
```
#49ec9f rgb(73,236,159)
```
#5beea8
```
#5beea8 rgb(91,238,168)
```
#6df0b2
```
#6df0b2 rgb(109,240,178)
```
#7ff2bb
```
#7ff2bb rgb(127,242,187)
```
#91f4c5
```
#91f4c5 rgb(145,244,197)
```
#a2f5ce
```
#a2f5ce rgb(162,245,206)
```
#b4f7d7
```
#b4f7d7 rgb(180,247,215)
```
#c6f9e1
```
#c6f9e1 rgb(198,249,225)
```
#d8fbea
```
#d8fbea rgb(216,251,234)
```
#e9fdf4
```
#e9fdf4 rgb(233,253,244)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#5c6460
```
#5c6460 rgb(92,100,96)
```
#546c61
```
#546c61 rgb(84,108,97)
```
#4d7361
```
#4d7361 rgb(77,115,97)
```
#467a61
```
#467a61 rgb(70,122,97)
```
#3e8262
```
#3e8262 rgb(62,130,98)
```
#378962
```
#378962 rgb(55,137,98)
```
#309062
```
#309062 rgb(48,144,98)
```
#289863
```
#289863 rgb(40,152,99)
```
#219f63
```
#219f63 rgb(33,159,99)
```
#19a764
```
#19a764 rgb(25,167,100)
```
#12ae64
```
#12ae64 rgb(18,174,100)
```
#0bb564
```
#0bb564 rgb(11,181,100)
```
#03bd65
```
#03bd65 rgb(3,189,101)
```

Tone Color Variation

Below, you can see how #12ae64 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

#777777 Achromatopsia 0.005% of the population
#638273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d64 Protanopia 1% of men
#b89775 Deuteranopia 1% of men
#4fa9b5 Tritanopia 0.001% of the population

Trichromacy

#73a364 Protanomaly 1% of men, 0.01% of women
#7c9f6f Deuteranomaly 6% of men, 0.4% of women
#39ab98 Tritanomaly 0.01% of the population

#12ae64 hex color

#12ae64 Color Information

#12ae64 Color Conversion

Color Schemes with #12ae64

Alternatives to #12ae64

#12ae64 Preview

Shades and Tints of #12ae64

Tones of #12ae64

Color Blindness Simulator