#12e2ae hex color

In a RGB color space, hex #12e2ae is composed of 7.1% red, 88.6% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 0% magenta, 23% yellow and 11.4% black. It has a hue angle of 165 degrees, a saturation of 85.2% and a lightness of 47.8%. #12e2ae color hex could be obtained by blending #24ffff with #00c55d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 7
- G 89
- B 68
RGB color chart
- C 92
- M 0
- Y 23
- K 11
CMYK color chart

● #12e2ae color description : Vivid cyan.

The hexadecimal color #12e2ae has RGB values of R:18, G:226, B:174 and CMYK values of C:0.92, M:0, Y:0.23, K:0.11. Its decimal value is 1237678.

Hex triplet	12e2ae	`#12e2ae`
RGB Decimal	18, 226, 174	`rgb(18,226,174)`
RGB Percent	7.1, 88.6, 68.2	`rgb(7.1%,88.6%,68.2%)`
CMYK	92, 0, 23, 11
HSL	165°, 85.2, 47.8	`hsl(165,85.2%,47.8%)`
HSV (or HSB)	165°, 92, 88.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	80.501, -57.289, 12.798
XYZ	35.083, 57.574, 49.306
xyY	0.247, 0.406, 57.574
CIE-LCH	80.501, 58.701, 167.407
CIE-LUV	80.501, -66.723, 27.997
Hunter-Lab	75.877, -50.254, 14.587
Binary	00010010, 11100010, 10101110

#12e2ae
```
#12e2ae rgb(18,226,174)
```
#e21246
```
#e21246 rgb(226,18,70)
```

Complementary Color

#12e246
```
#12e246 rgb(18,226,70)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#12aee2
```
#12aee2 rgb(18,174,226)
```

Analogous Color

#e24612
```
#e24612 rgb(226,70,18)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#e212ae
```
#e212ae rgb(226,18,174)
```

Split Complementary Color

#e2ae12
```
#e2ae12 rgb(226,174,18)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#ae12e2
```
#ae12e2 rgb(174,18,226)
```

Triadic Color

#46e212
```
#46e212 rgb(70,226,18)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#ae12e2
```
#ae12e2 rgb(174,18,226)
```
#e21246
```
#e21246 rgb(226,18,70)
```

Tetradic Color

#0c9b77
```
#0c9b77 rgb(12,155,119)
```
#0eb38a
```
#0eb38a rgb(14,179,138)
```
#10ca9c
```
#10ca9c rgb(16,202,156)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#20edba
```
#20edba rgb(32,237,186)
```
#38efc1
```
#38efc1 rgb(56,239,193)
```
#4ff1c9
```
#4ff1c9 rgb(79,241,201)
```

Monochromatic Color

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

#12e27a
```
#12e27a rgb(18,226,122)
```
#12e28b
```
#12e28b rgb(18,226,139)
```
#12e29d
```
#12e29d rgb(18,226,157)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#12e2bf
```
#12e2bf rgb(18,226,191)
```
#12e2d1
```
#12e2d1 rgb(18,226,209)
```
#12e2e2
```
#12e2e2 rgb(18,226,226)
```

Similar Colors

Text with hexadecimal color #12e2ae

This text has a font color of #12e2ae.

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

#12e2ae background color

This paragraph has a background color of #12e2ae.

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

#12e2ae border color

This element has a border color of #12e2ae.

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

CSS codes

.text {color:#12e2ae;}

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

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

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, #010806 is the darkest color, while #f5fefc is the lightest one.

#010806
```
#010806 rgb(1,8,6)
```
#021a14
```
#021a14 rgb(2,26,20)
```
#042c22
```
#042c22 rgb(4,44,34)
```
#053e30
```
#053e30 rgb(5,62,48)
```
#06513e
```
#06513e rgb(6,81,62)
```
#08634c
```
#08634c rgb(8,99,76)
```
#09755a
```
#09755a rgb(9,117,90)
```
#0b8768
```
#0b8768 rgb(11,135,104)
```
#0c9976
```
#0c9976 rgb(12,153,118)
```
#0eab84
```
#0eab84 rgb(14,171,132)
```
#0fbe92
```
#0fbe92 rgb(15,190,146)
```
#11d0a0
```
#11d0a0 rgb(17,208,160)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```

Shade Color Variation

#1bedb8
```
#1bedb8 rgb(27,237,184)
```
#2deebe
```
#2deebe rgb(45,238,190)
```
#3ff0c4
```
#3ff0c4 rgb(63,240,196)
```
#51f1c9
```
#51f1c9 rgb(81,241,201)
```
#63f3cf
```
#63f3cf rgb(99,243,207)
```
#76f4d4
```
#76f4d4 rgb(118,244,212)
```
#88f6da
```
#88f6da rgb(136,246,218)
```
#9af7e0
```
#9af7e0 rgb(154,247,224)
```
#acf8e5
```
#acf8e5 rgb(172,248,229)
```
#befaeb
```
#befaeb rgb(190,250,235)
```
#d0fbf1
```
#d0fbf1 rgb(208,251,241)
```
#e3fdf6
```
#e3fdf6 rgb(227,253,246)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7a is the less saturated color, while #09ebb3 is the most saturated one.

#797b7a
```
#797b7a rgb(121,123,122)
```
#70847f
```
#70847f rgb(112,132,127)
```
#668e84
```
#668e84 rgb(102,142,132)
```
#5d9788
```
#5d9788 rgb(93,151,136)
```
#54a08d
```
#54a08d rgb(84,160,141)
```
#4aaa92
```
#4aaa92 rgb(74,170,146)
```
#41b397
```
#41b397 rgb(65,179,151)
```
#38bc9b
```
#38bc9b rgb(56,188,155)
```
#2ec6a0
```
#2ec6a0 rgb(46,198,160)
```
#25cfa5
```
#25cfa5 rgb(37,207,165)
```
#1bd9a9
```
#1bd9a9 rgb(27,217,169)
```
#12e2ae
```
#12e2ae rgb(18,226,174)
```
#09ebb3
```
#09ebb3 rgb(9,235,179)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#82aca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6caa6 Protanopia 1% of men
#e2c4bd Deuteranopia 1% of men
#57dbeb Tritanopia 0.001% of the population

Trichromacy

#8ed2a9 Protanomaly 1% of men, 0.01% of women
#96ceb7 Deuteranomaly 6% of men, 0.4% of women
#3eddd5 Tritanomaly 0.01% of the population

#12e2ae hex color

#12e2ae Color Information

#12e2ae Color Conversion

Color Schemes with #12e2ae

Alternatives to #12e2ae

#12e2ae Preview

Shades and Tints of #12e2ae

Tones of #12e2ae

Color Blindness Simulator