#02e2de hex color

In a RGB color space, hex #02e2de is composed of 0.8% red, 88.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 1.8% yellow and 11.4% black. It has a hue angle of 178.9 degrees, a saturation of 98.2% and a lightness of 44.7%. #02e2de color hex could be obtained by blending #04ffff with #00c5bd. 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

● #02e2de color description : Vivid cyan.

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

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

CIE-LAB	81.661, -45.009, -10.948
XYZ	40.402, 59.675, 78.492
xyY	0.226, 0.334, 59.675
CIE-LCH	81.661, 46.321, 193.671
CIE-LUV	81.661, -63.518, -10.288
Hunter-Lab	77.25, -41.831, -6.169
Binary	00000010, 11100010, 11011110

#02e2de
```
#02e2de rgb(2,226,222)
```
#e20206
```
#e20206 rgb(226,2,6)
```

Complementary Color

#02e26e
```
#02e26e rgb(2,226,110)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#0276e2
```
#0276e2 rgb(2,118,226)
```

Analogous Color

#e26e02
```
#e26e02 rgb(226,110,2)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#e20276
```
#e20276 rgb(226,2,118)
```

Split Complementary Color

#e2de02
```
#e2de02 rgb(226,222,2)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#de02e2
```
#de02e2 rgb(222,2,226)
```

Triadic Color

#06e202
```
#06e202 rgb(6,226,2)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#de02e2
```
#de02e2 rgb(222,2,226)
```
#e20206
```
#e20206 rgb(226,2,6)
```

Tetradic Color

#019694
```
#019694 rgb(1,150,148)
```
#02afac
```
#02afac rgb(2,175,172)
```
#02c9c5
```
#02c9c5 rgb(2,201,197)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#02fbf7
```
#02fbf7 rgb(2,251,247)
```
#1afdf9
```
#1afdf9 rgb(26,253,249)
```
#33fdfa
```
#33fdfa rgb(51,253,250)
```

Monochromatic Color

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

#02e2a6
```
#02e2a6 rgb(2,226,166)
```
#02e2b9
```
#02e2b9 rgb(2,226,185)
```
#02e2cb
```
#02e2cb rgb(2,226,203)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#02d3e2
```
#02d3e2 rgb(2,211,226)
```
#02c1e2
```
#02c1e2 rgb(2,193,226)
```
#02aee2
```
#02aee2 rgb(2,174,226)
```

Similar Colors

Text with hexadecimal color #02e2de

This text has a font color of #02e2de.

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

#02e2de background color

This paragraph has a background color of #02e2de.

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

#02e2de border color

This element has a border color of #02e2de.

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

CSS codes

.text {color:#02e2de;}

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

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

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)
```
#01817f
```
#01817f rgb(1,129,127)
```
#019492
```
#019492 rgb(1,148,146)
```
#01a8a5
```
#01a8a5 rgb(1,168,165)
```
#02bbb8
```
#02bbb8 rgb(2,187,184)
```
#02cfcb
```
#02cfcb rgb(2,207,203)
```
#02e2de
```
#02e2de rgb(2,226,222)
```
#02f5f1
```
#02f5f1 rgb(2,245,241)
```

Shade Color Variation

#0efdf9
```
#0efdf9 rgb(14,253,249)
```
#22fdf9
```
#22fdf9 rgb(34,253,249)
```
#35fdfa
```
#35fdfa rgb(53,253,250)
```
#49fdfa
```
#49fdfa rgb(73,253,250)
```
#5cfefb
```
#5cfefb rgb(92,254,251)
```
#70fefb
```
#70fefb rgb(112,254,251)
```
#83fefc
```
#83fefc rgb(131,254,252)
```
#96fefc
```
#96fefc rgb(150,254,252)
```
#aafefd
```
#aafefd rgb(170,254,253)
```
#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, #6b7979 is the less saturated color, while #02e2de is the most saturated one.

#6b7979
```
#6b7979 rgb(107,121,121)
```
#628281
```
#628281 rgb(98,130,129)
```
#5a8a89
```
#5a8a89 rgb(90,138,137)
```
#519392
```
#519392 rgb(81,147,146)
```
#489c9a
```
#489c9a rgb(72,156,154)
```
#3fa5a3
```
#3fa5a3 rgb(63,165,163)
```
#37adab
```
#37adab rgb(55,173,171)
```
#2eb6b4
```
#2eb6b4 rgb(46,182,180)
```
#25bfbc
```
#25bfbc rgb(37,191,188)
```
#1cc8c5
```
#1cc8c5 rgb(28,200,197)
```
#14d0cd
```
#14d0cd rgb(20,208,205)
```
#0bd9d6
```
#0bd9d6 rgb(11,217,214)
```
#02e2de
```
#02e2de rgb(2,226,222)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#80acac Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfccd2 Protanopia 1% of men
#d2c8e9 Deuteranopia 1% of men
#37e0f1 Tritanopia 0.001% of the population

Trichromacy

#84d4d6 Protanomaly 1% of men, 0.01% of women
#86d2e5 Deuteranomaly 6% of men, 0.4% of women
#24e1ea Tritanomaly 0.01% of the population

#02e2de hex color

#02e2de Color Information

#02e2de Color Conversion

Color Schemes with #02e2de

Alternatives to #02e2de

#02e2de Preview

Shades and Tints of #02e2de

Tones of #02e2de

Color Blindness Simulator