#12ae6c hex color

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

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

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

The hexadecimal color #12ae6c has RGB values of R:18, G:174, B:108 and CMYK values of C:0.9, M:0, Y:0.38, K:0.32. Its decimal value is 1224300.

Hex triplet	12ae6c	`#12ae6c`
RGB Decimal	18, 174, 108	`rgb(18,174,108)`
RGB Percent	7.1, 68.2, 42.4	`rgb(7.1%,68.2%,42.4%)`
CMYK	90, 0, 38, 32
HSL	154.6°, 81.3, 37.6	`hsl(154.6,81.3%,37.6%)`
HSV (or HSB)	154.6°, 89.7, 68.2
Web Safe	009966	`#009966`

CIE-LAB	62.912, -52.524, 23.689
XYZ	18.091, 31.481, 19.31
xyY	0.263, 0.457, 31.481
CIE-LCH	62.912, 57.619, 155.724
CIE-LUV	62.912, -53.854, 39.639
Hunter-Lab	56.108, -40.636, 18.871
Binary	00010010, 10101110, 01101100

#12ae6c
```
#12ae6c rgb(18,174,108)
```
#ae1254
```
#ae1254 rgb(174,18,84)
```

Complementary Color

#12ae1e
```
#12ae1e rgb(18,174,30)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#12a2ae
```
#12a2ae rgb(18,162,174)
```

Analogous Color

#ae1e12
```
#ae1e12 rgb(174,30,18)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#ae12a2
```
#ae12a2 rgb(174,18,162)
```

Split Complementary Color

#ae6c12
```
#ae6c12 rgb(174,108,18)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#6c12ae
```
#6c12ae rgb(108,18,174)
```

Triadic Color

#54ae12
```
#54ae12 rgb(84,174,18)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#6c12ae
```
#6c12ae rgb(108,18,174)
```
#ae1254
```
#ae1254 rgb(174,18,84)
```

Tetradic Color

#0b6941
```
#0b6941 rgb(11,105,65)
```
#0d804f
```
#0d804f rgb(13,128,79)
```
#10975e
```
#10975e rgb(16,151,94)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#14c57a
```
#14c57a rgb(20,197,122)
```
#17dc89
```
#17dc89 rgb(23,220,137)
```
#24e895
```
#24e895 rgb(36,232,149)
```

Monochromatic Color

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

#12ae45
```
#12ae45 rgb(18,174,69)
```
#12ae52
```
#12ae52 rgb(18,174,82)
```
#12ae5f
```
#12ae5f rgb(18,174,95)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#12ae79
```
#12ae79 rgb(18,174,121)
```
#12ae86
```
#12ae86 rgb(18,174,134)
```
#12ae93
```
#12ae93 rgb(18,174,147)
```

Similar Colors

Text with hexadecimal color #12ae6c

This text has a font color of #12ae6c.

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

#12ae6c background color

This paragraph has a background color of #12ae6c.

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

#12ae6c border color

This element has a border color of #12ae6c.

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

CSS codes

.text {color:#12ae6c;}

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

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

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

#010e09
```
#010e09 rgb(1,14,9)
```
#032014
```
#032014 rgb(3,32,20)
```
#05321f
```
#05321f rgb(5,50,31)
```
#07432a
```
#07432a rgb(7,67,42)
```
#095535
```
#095535 rgb(9,85,53)
```
#0b6740
```
#0b6740 rgb(11,103,64)
```
#0c794b
```
#0c794b rgb(12,121,75)
```
#0e8a56
```
#0e8a56 rgb(14,138,86)
```
#109c61
```
#109c61 rgb(16,156,97)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#14c077
```
#14c077 rgb(20,192,119)
```
#16d282
```
#16d282 rgb(22,210,130)
```
#18e38d
```
#18e38d rgb(24,227,141)
```

Shade Color Variation

#26e996
```
#26e996 rgb(38,233,150)
```
#38ea9f
```
#38ea9f rgb(56,234,159)
```
#49eca7
```
#49eca7 rgb(73,236,167)
```
#5beeb0
```
#5beeb0 rgb(91,238,176)
```
#6df0b9
```
#6df0b9 rgb(109,240,185)
```
#7ff2c1
```
#7ff2c1 rgb(127,242,193)
```
#91f4ca
```
#91f4ca rgb(145,244,202)
```
#a2f5d2
```
#a2f5d2 rgb(162,245,210)
```
#b4f7db
```
#b4f7db rgb(180,247,219)
```
#c6f9e3
```
#c6f9e3 rgb(198,249,227)
```
#d8fbec
```
#d8fbec rgb(216,251,236)
```
#e9fdf5
```
#e9fdf5 rgb(233,253,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#5c6461
```
#5c6461 rgb(92,100,97)
```
#546c62
```
#546c62 rgb(84,108,98)
```
#4d7363
```
#4d7363 rgb(77,115,99)
```
#467a64
```
#467a64 rgb(70,122,100)
```
#3e8265
```
#3e8265 rgb(62,130,101)
```
#378966
```
#378966 rgb(55,137,102)
```
#309067
```
#309067 rgb(48,144,103)
```
#289869
```
#289869 rgb(40,152,105)
```
#219f6a
```
#219f6a rgb(33,159,106)
```
#19a76b
```
#19a76b rgb(25,167,107)
```
#12ae6c
```
#12ae6c rgb(18,174,108)
```
#0bb56d
```
#0bb56d rgb(11,181,109)
```
#03bd6e
```
#03bd6e rgb(3,189,110)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#648376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9d6b Protanopia 1% of men
#b7977c Deuteranopia 1% of men
#4ea9b6 Tritanopia 0.001% of the population

Trichromacy

#73a36b Protanomaly 1% of men, 0.01% of women
#7b9f76 Deuteranomaly 6% of men, 0.4% of women
#38ab9b Tritanomaly 0.01% of the population

#12ae6c hex color

#12ae6c Color Information

#12ae6c Color Conversion

Color Schemes with #12ae6c

Alternatives to #12ae6c

#12ae6c Preview

Shades and Tints of #12ae6c

Tones of #12ae6c

Color Blindness Simulator