#02e2dd hex color

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

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

● #02e2dd color description : Vivid cyan.

The hexadecimal color #02e2dd has RGB values of R:2, G:226, B:221 and CMYK values of C:0.99, M:0, Y:0.02, K:0.11. Its decimal value is 189149.

Hex triplet	02e2dd	`#02e2dd`
RGB Decimal	2, 226, 221	`rgb(2,226,221)`
RGB Percent	0.8, 88.6, 86.7	`rgb(0.8%,88.6%,86.7%)`
CMYK	99, 0, 2, 11
HSL	178.7°, 98.2, 44.7	`hsl(178.7,98.2%,44.7%)`
HSV (or HSB)	178.7°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.632, -45.298, -10.461
XYZ	40.268, 59.622, 77.788
xyY	0.227, 0.336, 59.622
CIE-LCH	81.632, 46.49, 193.003
CIE-LUV	81.632, -63.599, -9.451
Hunter-Lab	77.215, -42.037, -5.68
Binary	00000010, 11100010, 11011101

#02e2dd
```
#02e2dd rgb(2,226,221)
```
#e20207
```
#e20207 rgb(226,2,7)
```

Complementary Color

#02e26d
```
#02e26d rgb(2,226,109)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#0277e2
```
#0277e2 rgb(2,119,226)
```

Analogous Color

#e26d02
```
#e26d02 rgb(226,109,2)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#e20277
```
#e20277 rgb(226,2,119)
```

Split Complementary Color

#e2dd02
```
#e2dd02 rgb(226,221,2)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#dd02e2
```
#dd02e2 rgb(221,2,226)
```

Triadic Color

#07e202
```
#07e202 rgb(7,226,2)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#dd02e2
```
#dd02e2 rgb(221,2,226)
```
#e20207
```
#e20207 rgb(226,2,7)
```

Tetradic Color

#019693
```
#019693 rgb(1,150,147)
```
#02afac
```
#02afac rgb(2,175,172)
```
#02c9c4
```
#02c9c4 rgb(2,201,196)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#02fbf6
```
#02fbf6 rgb(2,251,246)
```
#1afdf8
```
#1afdf8 rgb(26,253,248)
```
#33fdf9
```
#33fdf9 rgb(51,253,249)
```

Monochromatic Color

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

#02e2a5
```
#02e2a5 rgb(2,226,165)
```
#02e2b8
```
#02e2b8 rgb(2,226,184)
```
#02e2ca
```
#02e2ca rgb(2,226,202)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#02d4e2
```
#02d4e2 rgb(2,212,226)
```
#02c2e2
```
#02c2e2 rgb(2,194,226)
```
#02afe2
```
#02afe2 rgb(2,175,226)
```

Similar Colors

Text with hexadecimal color #02e2dd

This text has a font color of #02e2dd.

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

#02e2dd background color

This paragraph has a background color of #02e2dd.

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

#02e2dd border color

This element has a border color of #02e2dd.

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

CSS codes

.text {color:#02e2dd;}

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

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

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)
```
#016d6b
```
#016d6b rgb(1,109,107)
```
#01817e
```
#01817e rgb(1,129,126)
```
#019491
```
#019491 rgb(1,148,145)
```
#01a8a4
```
#01a8a4 rgb(1,168,164)
```
#02bbb7
```
#02bbb7 rgb(2,187,183)
```
#02cfca
```
#02cfca rgb(2,207,202)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```
#02f5f0
```
#02f5f0 rgb(2,245,240)
```

Shade Color Variation

#0efdf8
```
#0efdf8 rgb(14,253,248)
```
#22fdf8
```
#22fdf8 rgb(34,253,248)
```
#35fdf9
```
#35fdf9 rgb(53,253,249)
```
#49fdf9
```
#49fdf9 rgb(73,253,249)
```
#5cfefa
```
#5cfefa rgb(92,254,250)
```
#70fefb
```
#70fefb rgb(112,254,251)
```
#83fefb
```
#83fefb rgb(131,254,251)
```
#96fefc
```
#96fefc rgb(150,254,252)
```
#aafefc
```
#aafefc rgb(170,254,252)
```
#bdfefd
```
#bdfefd rgb(189,254,253)
```
#d1fffe
```
#d1fffe rgb(209,255,254)
```
#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 #02e2dd is the most saturated one.

#6b7978
```
#6b7978 rgb(107,121,120)
```
#628281
```
#628281 rgb(98,130,129)
```
#5a8a89
```
#5a8a89 rgb(90,138,137)
```
#519392
```
#519392 rgb(81,147,146)
```
#489c9a
```
#489c9a rgb(72,156,154)
```
#3fa5a2
```
#3fa5a2 rgb(63,165,162)
```
#37adab
```
#37adab rgb(55,173,171)
```
#2eb6b3
```
#2eb6b3 rgb(46,182,179)
```
#25bfbb
```
#25bfbb rgb(37,191,187)
```
#1cc8c4
```
#1cc8c4 rgb(28,200,196)
```
#14d0cc
```
#14d0cc rgb(20,208,204)
```
#0bd9d5
```
#0bd9d5 rgb(11,217,213)
```
#02e2dd
```
#02e2dd rgb(2,226,221)
```

Tone Color Variation

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

Dichromacy

#cfccd2 Protanopia 1% of men
#d3c8e8 Deuteranopia 1% of men
#38e0f1 Tritanopia 0.001% of the population

Trichromacy

#84d4d6 Protanomaly 1% of men, 0.01% of women
#87d1e4 Deuteranomaly 6% of men, 0.4% of women
#24e1e9 Tritanomaly 0.01% of the population

#02e2dd hex color

#02e2dd Color Information

#02e2dd Color Conversion

Color Schemes with #02e2dd

Alternatives to #02e2dd

#02e2dd Preview

Shades and Tints of #02e2dd

Tones of #02e2dd

Color Blindness Simulator