#12ae7a hex color

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

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

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

The hexadecimal color #12ae7a has RGB values of R:18, G:174, B:122 and CMYK values of C:0.9, M:0, Y:0.3, K:0.32. Its decimal value is 1224314.

Hex triplet	12ae7a	`#12ae7a`
RGB Decimal	18, 174, 122	`rgb(18,174,122)`
RGB Percent	7.1, 68.2, 47.8	`rgb(7.1%,68.2%,47.8%)`
CMYK	90, 0, 30, 32
HSL	160°, 81.3, 37.6	`hsl(160,81.3%,37.6%)`
HSV (or HSB)	160°, 89.7, 68.2
Web Safe	009966	`#009966`

CIE-LAB	63.18, -49.472, 16.458
XYZ	18.897, 31.804, 23.554
xyY	0.254, 0.428, 31.804
CIE-LCH	63.18, 52.137, 161.599
CIE-LUV	63.18, -52.927, 30.249
Hunter-Lab	56.395, -38.879, 14.713
Binary	00010010, 10101110, 01111010

#12ae7a
```
#12ae7a rgb(18,174,122)
```
#ae1246
```
#ae1246 rgb(174,18,70)
```

Complementary Color

#12ae2c
```
#12ae2c rgb(18,174,44)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#1294ae
```
#1294ae rgb(18,148,174)
```

Analogous Color

#ae2c12
```
#ae2c12 rgb(174,44,18)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#ae1294
```
#ae1294 rgb(174,18,148)
```

Split Complementary Color

#ae7a12
```
#ae7a12 rgb(174,122,18)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#7a12ae
```
#7a12ae rgb(122,18,174)
```

Triadic Color

#46ae12
```
#46ae12 rgb(70,174,18)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#7a12ae
```
#7a12ae rgb(122,18,174)
```
#ae1246
```
#ae1246 rgb(174,18,70)
```

Tetradic Color

#0b6949
```
#0b6949 rgb(11,105,73)
```
#0d805a
```
#0d805a rgb(13,128,90)
```
#10976a
```
#10976a rgb(16,151,106)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#14c58a
```
#14c58a rgb(20,197,138)
```
#17dc9a
```
#17dc9a rgb(23,220,154)
```
#24e8a7
```
#24e8a7 rgb(36,232,167)
```

Monochromatic Color

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

#12ae53
```
#12ae53 rgb(18,174,83)
```
#12ae60
```
#12ae60 rgb(18,174,96)
```
#12ae6d
```
#12ae6d rgb(18,174,109)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#12ae87
```
#12ae87 rgb(18,174,135)
```
#12ae94
```
#12ae94 rgb(18,174,148)
```
#12aea1
```
#12aea1 rgb(18,174,161)
```

Similar Colors

Text with hexadecimal color #12ae7a

This text has a font color of #12ae7a.

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

#12ae7a background color

This paragraph has a background color of #12ae7a.

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

#12ae7a border color

This element has a border color of #12ae7a.

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

CSS codes

.text {color:#12ae7a;}

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

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

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

#010e0a
```
#010e0a rgb(1,14,10)
```
#032016
```
#032016 rgb(3,32,22)
```
#053223
```
#053223 rgb(5,50,35)
```
#07432f
```
#07432f rgb(7,67,47)
```
#09553c
```
#09553c rgb(9,85,60)
```
#0b6748
```
#0b6748 rgb(11,103,72)
```
#0c7955
```
#0c7955 rgb(12,121,85)
```
#0e8a61
```
#0e8a61 rgb(14,138,97)
```
#109c6e
```
#109c6e rgb(16,156,110)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#14c086
```
#14c086 rgb(20,192,134)
```
#16d293
```
#16d293 rgb(22,210,147)
```
#18e39f
```
#18e39f rgb(24,227,159)
```

Shade Color Variation

#26e9a8
```
#26e9a8 rgb(38,233,168)
```
#38eaaf
```
#38eaaf rgb(56,234,175)
```
#49ecb6
```
#49ecb6 rgb(73,236,182)
```
#5beebd
```
#5beebd rgb(91,238,189)
```
#6df0c4
```
#6df0c4 rgb(109,240,196)
```
#7ff2cb
```
#7ff2cb rgb(127,242,203)
```
#91f4d3
```
#91f4d3 rgb(145,244,211)
```
#a2f5da
```
#a2f5da rgb(162,245,218)
```
#b4f7e1
```
#b4f7e1 rgb(180,247,225)
```
#c6f9e8
```
#c6f9e8 rgb(198,249,232)
```
#d8fbef
```
#d8fbef rgb(216,251,239)
```
#e9fdf6
```
#e9fdf6 rgb(233,253,246)
```
#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 #03bd7f is the most saturated one.

#5c6461
```
#5c6461 rgb(92,100,97)
```
#546c64
```
#546c64 rgb(84,108,100)
```
#4d7366
```
#4d7366 rgb(77,115,102)
```
#467a69
```
#467a69 rgb(70,122,105)
```
#3e826b
```
#3e826b rgb(62,130,107)
```
#37896e
```
#37896e rgb(55,137,110)
```
#309070
```
#309070 rgb(48,144,112)
```
#289873
```
#289873 rgb(40,152,115)
```
#219f75
```
#219f75 rgb(33,159,117)
```
#19a778
```
#19a778 rgb(25,167,120)
```
#12ae7a
```
#12ae7a rgb(18,174,122)
```
#0bb57c
```
#0bb57c rgb(11,181,124)
```
#03bd7f
```
#03bd7f rgb(3,189,127)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#648479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99d78 Protanopia 1% of men
#b49889 Deuteranopia 1% of men
#4aabb7 Tritanopia 0.001% of the population

Trichromacy

#72a378 Protanomaly 1% of men, 0.01% of women
#79a084 Deuteranomaly 6% of men, 0.4% of women
#35aca1 Tritanomaly 0.01% of the population

#12ae7a hex color

#12ae7a Color Information

#12ae7a Color Conversion

Color Schemes with #12ae7a

Alternatives to #12ae7a

#12ae7a Preview

Shades and Tints of #12ae7a

Tones of #12ae7a

Color Blindness Simulator