#00e2af hex color

In a RGB color space, hex #00e2af is composed of 0% red, 88.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 22.6% yellow and 11.4% black. It has a hue angle of 166.5 degrees, a saturation of 100% and a lightness of 44.3%. #00e2af color hex could be obtained by blending #00ffff with #00c55f. Closest websafe color is: #00cc99.

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

● #00e2af color description : Pure (or mostly pure) cyan.

The hexadecimal color #00e2af has RGB values of R:0, G:226, B:175 and CMYK values of C:1, M:0, Y:0.23, K:0.11. Its decimal value is 58031.

Hex triplet	00e2af	`#00e2af`
RGB Decimal	0, 226, 175	`rgb(0,226,175)`
RGB Percent	0, 88.6, 68.6	`rgb(0%,88.6%,68.6%)`
CMYK	100, 0, 23, 11
HSL	166.5°, 100, 44.3	`hsl(166.5,100%,44.3%)`
HSV (or HSB)	166.5°, 100, 88.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	80.451, -57.591, 12.191
XYZ	34.931, 57.484, 49.81
xyY	0.246, 0.404, 57.484
CIE-LCH	80.451, 58.867, 168.048
CIE-LUV	80.451, -67.29, 27.166
Hunter-Lab	75.818, -50.443, 14.122
Binary	00000000, 11100010, 10101111

#00e2af
```
#00e2af rgb(0,226,175)
```
#e20033
```
#e20033 rgb(226,0,51)
```

Complementary Color

#00e23e
```
#00e23e rgb(0,226,62)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#00a4e2
```
#00a4e2 rgb(0,164,226)
```

Analogous Color

#e23e00
```
#e23e00 rgb(226,62,0)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#e200a4
```
#e200a4 rgb(226,0,164)
```

Split Complementary Color

#e2af00
```
#e2af00 rgb(226,175,0)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```

Triadic Color

#33e200
```
#33e200 rgb(51,226,0)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#af00e2
```
#af00e2 rgb(175,0,226)
```
#e20033
```
#e20033 rgb(226,0,51)
```

Tetradic Color

#009674
```
#009674 rgb(0,150,116)
```
#00af88
```
#00af88 rgb(0,175,136)
```
#00c99b
```
#00c99b rgb(0,201,155)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#00fcc3
```
#00fcc3 rgb(0,252,195)
```
#16ffca
```
#16ffca rgb(22,255,202)
```
#30ffd0
```
#30ffd0 rgb(48,255,208)
```

Monochromatic Color

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

#00e277
```
#00e277 rgb(0,226,119)
```
#00e289
```
#00e289 rgb(0,226,137)
```
#00e29c
```
#00e29c rgb(0,226,156)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#00e2c2
```
#00e2c2 rgb(0,226,194)
```
#00e2d5
```
#00e2d5 rgb(0,226,213)
```
#00dde2
```
#00dde2 rgb(0,221,226)
```

Similar Colors

Text with hexadecimal color #00e2af

This text has a font color of #00e2af.

<span style="color:#00e2af;">Text here</span>

#00e2af background color

This paragraph has a background color of #00e2af.

<p style="background-color:#00e2af;">Content here</p>

#00e2af border color

This element has a border color of #00e2af.

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

CSS codes

.text {color:#00e2af;}

.background {background-color:#00e2af;}

.border {border:1px solid #00e2af;}

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, #000a08 is the darkest color, while #f6fffd is the lightest one.

#000a08
```
#000a08 rgb(0,10,8)
```
#001e17
```
#001e17 rgb(0,30,23)
```
#003126
```
#003126 rgb(0,49,38)
```
#004535
```
#004535 rgb(0,69,53)
```
#005945
```
#005945 rgb(0,89,69)
```
#006c54
```
#006c54 rgb(0,108,84)
```
#008063
```
#008063 rgb(0,128,99)
```
#009472
```
#009472 rgb(0,148,114)
```
#00a781
```
#00a781 rgb(0,167,129)
```
#00bb91
```
#00bb91 rgb(0,187,145)
```
#00cea0
```
#00cea0 rgb(0,206,160)
```
#00e2af
```
#00e2af rgb(0,226,175)
```
#00f6be
```
#00f6be rgb(0,246,190)
```

Shade Color Variation

#0affc8
```
#0affc8 rgb(10,255,200)
```
#1effcc
```
#1effcc rgb(30,255,204)
```
#31ffd1
```
#31ffd1 rgb(49,255,209)
```
#45ffd5
```
#45ffd5 rgb(69,255,213)
```
#59ffd9
```
#59ffd9 rgb(89,255,217)
```
#6cffde
```
#6cffde rgb(108,255,222)
```
#80ffe2
```
#80ffe2 rgb(128,255,226)
```
#94ffe7
```
#94ffe7 rgb(148,255,231)
```
#a7ffeb
```
#a7ffeb rgb(167,255,235)
```
#bbfff0
```
#bbfff0 rgb(187,255,240)
```
#cefff4
```
#cefff4 rgb(206,255,244)
```
#e2fff8
```
#e2fff8 rgb(226,255,248)
```
#f6fffd
```
#f6fffd rgb(246,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #687a76 is the less saturated color, while #00e2af is the most saturated one.

#687a76
```
#687a76 rgb(104,122,118)
```
#60827b
```
#60827b rgb(96,130,123)
```
#578b7f
```
#578b7f rgb(87,139,127)
```
#4e9484
```
#4e9484 rgb(78,148,132)
```
#469c89
```
#469c89 rgb(70,156,137)
```
#3da58e
```
#3da58e rgb(61,165,142)
```
#34ae92
```
#34ae92 rgb(52,174,146)
```
#2bb797
```
#2bb797 rgb(43,183,151)
```
#23bf9c
```
#23bf9c rgb(35,191,156)
```
#1ac8a1
```
#1ac8a1 rgb(26,200,161)
```
#11d1a5
```
#11d1a5 rgb(17,209,165)
```
#09d9aa
```
#09d9aa rgb(9,217,170)
```
#00e2af
```
#00e2af rgb(0,226,175)
```

Tone Color Variation

Below, you can see how #00e2af 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

#999999 Achromatopsia 0.005% of the population
#7aa89d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5caa7 Protanopia 1% of men
#e1c3be Deuteranopia 1% of men
#54dbeb Tritanopia 0.001% of the population

Trichromacy

#88d2aa Protanomaly 1% of men, 0.01% of women
#8fceb8 Deuteranomaly 6% of men, 0.4% of women
#35ddd5 Tritanomaly 0.01% of the population

#00e2af hex color

#00e2af Color Information

#00e2af Color Conversion

Color Schemes with #00e2af

Alternatives to #00e2af

#00e2af Preview

Shades and Tints of #00e2af

Tones of #00e2af

Color Blindness Simulator