#02e4af hex color

In a RGB color space, hex #02e4af is composed of 0.8% red, 89.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 23.2% yellow and 10.6% black. It has a hue angle of 165.9 degrees, a saturation of 98.3% and a lightness of 45.1%. #02e4af color hex could be obtained by blending #04ffff with #00c95f. Closest websafe color is: #00cc99.

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

● #02e4af color description : Vivid cyan.

The hexadecimal color #02e4af has RGB values of R:2, G:228, B:175 and CMYK values of C:0.99, M:0, Y:0.23, K:0.11. Its decimal value is 189615.

Hex triplet	02e4af	`#02e4af`
RGB Decimal	2, 228, 175	`rgb(2,228,175)`
RGB Percent	0.8, 89.4, 68.6	`rgb(0.8%,89.4%,68.6%)`
CMYK	99, 0, 23, 11
HSL	165.9°, 98.3, 45.1	`hsl(165.9,98.3%,45.1%)`
HSV (or HSB)	165.9°, 99.1, 89.4
Web Safe	00cc99	`#00cc99`

CIE-LAB	81.066, -58.298, 13.062
XYZ	35.503, 58.591, 49.993
xyY	0.246, 0.407, 58.591
CIE-LCH	81.066, 59.743, 167.371
CIE-LUV	81.066, -67.882, 28.562
Hunter-Lab	76.545, -51.161, 14.858
Binary	00000010, 11100100, 10101111

#02e4af
```
#02e4af rgb(2,228,175)
```
#e40237
```
#e40237 rgb(228,2,55)
```

Complementary Color

#02e43e
```
#02e43e rgb(2,228,62)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#02a8e4
```
#02a8e4 rgb(2,168,228)
```

Analogous Color

#e43e02
```
#e43e02 rgb(228,62,2)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#e402a8
```
#e402a8 rgb(228,2,168)
```

Split Complementary Color

#e4af02
```
#e4af02 rgb(228,175,2)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#af02e4
```
#af02e4 rgb(175,2,228)
```

Triadic Color

#37e402
```
#37e402 rgb(55,228,2)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#af02e4
```
#af02e4 rgb(175,2,228)
```
#e40237
```
#e40237 rgb(228,2,55)
```

Tetradic Color

#019875
```
#019875 rgb(1,152,117)
```
#02b188
```
#02b188 rgb(2,177,136)
```
#02cb9c
```
#02cb9c rgb(2,203,156)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#03fdc2
```
#03fdc2 rgb(3,253,194)
```
#1cfdc8
```
#1cfdc8 rgb(28,253,200)
```
#35fdce
```
#35fdce rgb(53,253,206)
```

Monochromatic Color

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

#02e477
```
#02e477 rgb(2,228,119)
```
#02e489
```
#02e489 rgb(2,228,137)
```
#02e49c
```
#02e49c rgb(2,228,156)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#02e4c2
```
#02e4c2 rgb(2,228,194)
```
#02e4d5
```
#02e4d5 rgb(2,228,213)
```
#02e1e4
```
#02e1e4 rgb(2,225,228)
```

Similar Colors

Text with hexadecimal color #02e4af

This text has a font color of #02e4af.

<span style="color:#02e4af;">Text here</span>

#02e4af background color

This paragraph has a background color of #02e4af.

<p style="background-color:#02e4af;">Content here</p>

#02e4af border color

This element has a border color of #02e4af.

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

CSS codes

.text {color:#02e4af;}

.background {background-color:#02e4af;}

.border {border:1px solid #02e4af;}

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

#000e0b
```
#000e0b rgb(0,14,11)
```
#00221a
```
#00221a rgb(0,34,26)
```
#003529
```
#003529 rgb(0,53,41)
```
#014838
```
#014838 rgb(1,72,56)
```
#015c47
```
#015c47 rgb(1,92,71)
```
#016f55
```
#016f55 rgb(1,111,85)
```
#018364
```
#018364 rgb(1,131,100)
```
#019673
```
#019673 rgb(1,150,115)
```
#01aa82
```
#01aa82 rgb(1,170,130)
```
#02bd91
```
#02bd91 rgb(2,189,145)
```
#02d1a0
```
#02d1a0 rgb(2,209,160)
```
#02e4af
```
#02e4af rgb(2,228,175)
```
#02f7be
```
#02f7be rgb(2,247,190)
```

Shade Color Variation

#10fdc5
```
#10fdc5 rgb(16,253,197)
```
#24fdca
```
#24fdca rgb(36,253,202)
```
#37fdcf
```
#37fdcf rgb(55,253,207)
```
#4bfdd3
```
#4bfdd3 rgb(75,253,211)
```
#5efed8
```
#5efed8 rgb(94,254,216)
```
#72fedd
```
#72fedd rgb(114,254,221)
```
#85fee2
```
#85fee2 rgb(133,254,226)
```
#98fee6
```
#98fee6 rgb(152,254,230)
```
#acfeeb
```
#acfeeb rgb(172,254,235)
```
#bffef0
```
#bffef0 rgb(191,254,240)
```
#d3fff4
```
#d3fff4 rgb(211,255,244)
```
#e6fff9
```
#e6fff9 rgb(230,255,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7a77 is the less saturated color, while #02e4af is the most saturated one.

#6c7a77
```
#6c7a77 rgb(108,122,119)
```
#63837b
```
#63837b rgb(99,131,123)
```
#5a8c80
```
#5a8c80 rgb(90,140,128)
```
#529485
```
#529485 rgb(82,148,133)
```
#499d89
```
#499d89 rgb(73,157,137)
```
#40a68e
```
#40a68e rgb(64,166,142)
```
#37af93
```
#37af93 rgb(55,175,147)
```
#2eb898
```
#2eb898 rgb(46,184,152)
```
#25c19c
```
#25c19c rgb(37,193,156)
```
#1dc9a1
```
#1dc9a1 rgb(29,201,161)
```
#14d2a6
```
#14d2a6 rgb(20,210,166)
```
#0bdbaa
```
#0bdbaa rgb(11,219,170)
```
#02e4af
```
#02e4af rgb(2,228,175)
```

Tone Color Variation

Below, you can see how #02e4af 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

#9a9a9a Achromatopsia 0.005% of the population
#7ca99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cba7 Protanopia 1% of men
#e4c5be Deuteranopia 1% of men
#55dded Tritanopia 0.001% of the population

Trichromacy

#8ad4aa Protanomaly 1% of men, 0.01% of women
#91d0b8 Deuteranomaly 6% of men, 0.4% of women
#37dfd6 Tritanomaly 0.01% of the population

#02e4af hex color

#02e4af Color Information

#02e4af Color Conversion

Color Schemes with #02e4af

Alternatives to #02e4af

#02e4af Preview

Shades and Tints of #02e4af

Tones of #02e4af

Color Blindness Simulator