#02e2dc hex color

In a RGB color space, hex #02e2dc is composed of 0.8% red, 88.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 2.7% yellow and 11.4% black. It has a hue angle of 178.4 degrees, a saturation of 98.2% and a lightness of 44.7%. #02e2dc color hex could be obtained by blending #04ffff with #00c5b9. Closest websafe color is: #00cccc.

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

● #02e2dc color description : Vivid cyan.

The hexadecimal color #02e2dc has RGB values of R:2, G:226, B:220 and CMYK values of C:0.99, M:0, Y:0.03, K:0.11. Its decimal value is 189148.

Hex triplet	02e2dc	`#02e2dc`
RGB Decimal	2, 226, 220	`rgb(2,226,220)`
RGB Percent	0.8, 88.6, 86.3	`rgb(0.8%,88.6%,86.3%)`
CMYK	99, 0, 3, 11
HSL	178.4°, 98.2, 44.7	`hsl(178.4,98.2%,44.7%)`
HSV (or HSB)	178.4°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.603, -45.586, -9.973
XYZ	40.135, 59.569, 77.089
xyY	0.227, 0.337, 59.569
CIE-LCH	81.603, 46.665, 192.34
CIE-LUV	81.603, -63.68, -8.616
Hunter-Lab	77.181, -42.243, -5.193
Binary	00000010, 11100010, 11011100

#02e2dc
```
#02e2dc rgb(2,226,220)
```
#e20208
```
#e20208 rgb(226,2,8)
```

Complementary Color

#02e26c
```
#02e26c rgb(2,226,108)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#0278e2
```
#0278e2 rgb(2,120,226)
```

Analogous Color

#e26c02
```
#e26c02 rgb(226,108,2)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#e20278
```
#e20278 rgb(226,2,120)
```

Split Complementary Color

#e2dc02
```
#e2dc02 rgb(226,220,2)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#dc02e2
```
#dc02e2 rgb(220,2,226)
```

Triadic Color

#08e202
```
#08e202 rgb(8,226,2)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#dc02e2
```
#dc02e2 rgb(220,2,226)
```
#e20208
```
#e20208 rgb(226,2,8)
```

Tetradic Color

#019692
```
#019692 rgb(1,150,146)
```
#02afab
```
#02afab rgb(2,175,171)
```
#02c9c3
```
#02c9c3 rgb(2,201,195)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#02fbf5
```
#02fbf5 rgb(2,251,245)
```
#1afdf7
```
#1afdf7 rgb(26,253,247)
```
#33fdf8
```
#33fdf8 rgb(51,253,248)
```

Monochromatic Color

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

#02e2a4
```
#02e2a4 rgb(2,226,164)
```
#02e2b7
```
#02e2b7 rgb(2,226,183)
```
#02e2c9
```
#02e2c9 rgb(2,226,201)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#02d5e2
```
#02d5e2 rgb(2,213,226)
```
#02c3e2
```
#02c3e2 rgb(2,195,226)
```
#02b0e2
```
#02b0e2 rgb(2,176,226)
```

Similar Colors

Text with hexadecimal color #02e2dc

This text has a font color of #02e2dc.

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

#02e2dc background color

This paragraph has a background color of #02e2dc.

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

#02e2dc border color

This element has a border color of #02e2dc.

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

CSS codes

.text {color:#02e2dc;}

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

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

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#00201f
```
#00201f rgb(0,32,31)
```
#003332
```
#003332 rgb(0,51,50)
```
#014645
```
#014645 rgb(1,70,69)
```
#015a58
```
#015a58 rgb(1,90,88)
```
#016d6a
```
#016d6a rgb(1,109,106)
```
#01817d
```
#01817d rgb(1,129,125)
```
#019490
```
#019490 rgb(1,148,144)
```
#01a8a3
```
#01a8a3 rgb(1,168,163)
```
#02bbb6
```
#02bbb6 rgb(2,187,182)
```
#02cfc9
```
#02cfc9 rgb(2,207,201)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```
#02f5ef
```
#02f5ef rgb(2,245,239)
```

Shade Color Variation

#0efdf6
```
#0efdf6 rgb(14,253,246)
```
#22fdf7
```
#22fdf7 rgb(34,253,247)
```
#35fdf8
```
#35fdf8 rgb(53,253,248)
```
#49fdf9
```
#49fdf9 rgb(73,253,249)
```
#5cfef9
```
#5cfef9 rgb(92,254,249)
```
#70fefa
```
#70fefa rgb(112,254,250)
```
#83fefb
```
#83fefb rgb(131,254,251)
```
#96fefb
```
#96fefb rgb(150,254,251)
```
#aafefc
```
#aafefc rgb(170,254,252)
```
#bdfefd
```
#bdfefd rgb(189,254,253)
```
#d1fffd
```
#d1fffd rgb(209,255,253)
```
#e4fffe
```
#e4fffe rgb(228,255,254)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

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

#6b7978
```
#6b7978 rgb(107,121,120)
```
#628281
```
#628281 rgb(98,130,129)
```
#5a8a89
```
#5a8a89 rgb(90,138,137)
```
#519391
```
#519391 rgb(81,147,145)
```
#489c9a
```
#489c9a rgb(72,156,154)
```
#3fa5a2
```
#3fa5a2 rgb(63,165,162)
```
#37adaa
```
#37adaa rgb(55,173,170)
```
#2eb6b3
```
#2eb6b3 rgb(46,182,179)
```
#25bfbb
```
#25bfbb rgb(37,191,187)
```
#1cc8c3
```
#1cc8c3 rgb(28,200,195)
```
#14d0cb
```
#14d0cb rgb(20,208,203)
```
#0bd9d4
```
#0bd9d4 rgb(11,217,212)
```
#02e2dc
```
#02e2dc rgb(2,226,220)
```

Tone Color Variation

Below, you can see how #02e2dc 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
#7facaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfccd1 Protanopia 1% of men
#d3c8e7 Deuteranopia 1% of men
#39e0f0 Tritanopia 0.001% of the population

Trichromacy

#84d4d5 Protanomaly 1% of men, 0.01% of women
#87d1e3 Deuteranomaly 6% of men, 0.4% of women
#25e1e9 Tritanomaly 0.01% of the population

#02e2dc hex color

#02e2dc Color Information

#02e2dc Color Conversion

Color Schemes with #02e2dc

Alternatives to #02e2dc

#02e2dc Preview

Shades and Tints of #02e2dc

Tones of #02e2dc

Color Blindness Simulator