#02e2cc hex color

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

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

● #02e2cc color description : Vivid cyan.

The hexadecimal color #02e2cc has RGB values of R:2, G:226, B:204 and CMYK values of C:0.99, M:0, Y:0.1, K:0.11. Its decimal value is 189132.

Hex triplet	02e2cc	`#02e2cc`
RGB Decimal	2, 226, 204	`rgb(2,226,204)`
RGB Percent	0.8, 88.6, 80	`rgb(0.8%,88.6%,80%)`
CMYK	99, 0, 10, 11
HSL	174.1°, 98.2, 44.7	`hsl(174.1,98.2%,44.7%)`
HSV (or HSB)	174.1°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.16, -50.075, -2.133
XYZ	38.117, 58.761, 66.457
xyY	0.233, 0.36, 58.761
CIE-LCH	81.16, 50.12, 182.439
CIE-LUV	81.16, -64.967, 4.552
Hunter-Lab	76.656, -45.39, 2.258
Binary	00000010, 11100010, 11001100

#02e2cc
```
#02e2cc rgb(2,226,204)
```
#e20218
```
#e20218 rgb(226,2,24)
```

Complementary Color

#02e25c
```
#02e25c rgb(2,226,92)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#0288e2
```
#0288e2 rgb(2,136,226)
```

Analogous Color

#e25c02
```
#e25c02 rgb(226,92,2)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#e20288
```
#e20288 rgb(226,2,136)
```

Split Complementary Color

#e2cc02
```
#e2cc02 rgb(226,204,2)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#cc02e2
```
#cc02e2 rgb(204,2,226)
```

Triadic Color

#18e202
```
#18e202 rgb(24,226,2)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#cc02e2
```
#cc02e2 rgb(204,2,226)
```
#e20218
```
#e20218 rgb(226,2,24)
```

Tetradic Color

#019688
```
#019688 rgb(1,150,136)
```
#02af9e
```
#02af9e rgb(2,175,158)
```
#02c9b5
```
#02c9b5 rgb(2,201,181)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#02fbe3
```
#02fbe3 rgb(2,251,227)
```
#1afde7
```
#1afde7 rgb(26,253,231)
```
#33fde9
```
#33fde9 rgb(51,253,233)
```

Monochromatic Color

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

#02e294
```
#02e294 rgb(2,226,148)
```
#02e2a7
```
#02e2a7 rgb(2,226,167)
```
#02e2b9
```
#02e2b9 rgb(2,226,185)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#02e2df
```
#02e2df rgb(2,226,223)
```
#02d3e2
```
#02d3e2 rgb(2,211,226)
```
#02c0e2
```
#02c0e2 rgb(2,192,226)
```

Similar Colors

Text with hexadecimal color #02e2cc

This text has a font color of #02e2cc.

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

#02e2cc background color

This paragraph has a background color of #02e2cc.

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

#02e2cc border color

This element has a border color of #02e2cc.

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

CSS codes

.text {color:#02e2cc;}

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

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

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

#000c0b
```
#000c0b rgb(0,12,11)
```
#00201c
```
#00201c rgb(0,32,28)
```
#00332e
```
#00332e rgb(0,51,46)
```
#014640
```
#014640 rgb(1,70,64)
```
#015a51
```
#015a51 rgb(1,90,81)
```
#016d63
```
#016d63 rgb(1,109,99)
```
#018174
```
#018174 rgb(1,129,116)
```
#019486
```
#019486 rgb(1,148,134)
```
#01a897
```
#01a897 rgb(1,168,151)
```
#02bba9
```
#02bba9 rgb(2,187,169)
```
#02cfba
```
#02cfba rgb(2,207,186)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```
#02f5de
```
#02f5de rgb(2,245,222)
```

Shade Color Variation

#0efde5
```
#0efde5 rgb(14,253,229)
```
#22fde8
```
#22fde8 rgb(34,253,232)
```
#35fdea
```
#35fdea rgb(53,253,234)
```
#49fdec
```
#49fdec rgb(73,253,236)
```
#5cfeee
```
#5cfeee rgb(92,254,238)
```
#70fef0
```
#70fef0 rgb(112,254,240)
```
#83fef2
```
#83fef2 rgb(131,254,242)
```
#96fef4
```
#96fef4 rgb(150,254,244)
```
#aafef6
```
#aafef6 rgb(170,254,246)
```
#bdfef8
```
#bdfef8 rgb(189,254,248)
```
#d1fffa
```
#d1fffa rgb(209,255,250)
```
#e4fffc
```
#e4fffc rgb(228,255,252)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

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

#6b7977
```
#6b7977 rgb(107,121,119)
```
#62827e
```
#62827e rgb(98,130,126)
```
#5a8a86
```
#5a8a86 rgb(90,138,134)
```
#51938d
```
#51938d rgb(81,147,141)
```
#489c94
```
#489c94 rgb(72,156,148)
```
#3fa59b
```
#3fa59b rgb(63,165,155)
```
#37ada2
```
#37ada2 rgb(55,173,162)
```
#2eb6a9
```
#2eb6a9 rgb(46,182,169)
```
#25bfb0
```
#25bfb0 rgb(37,191,176)
```
#1cc8b7
```
#1cc8b7 rgb(28,200,183)
```
#14d0be
```
#14d0be rgb(20,208,190)
```
#0bd9c5
```
#0bd9c5 rgb(11,217,197)
```
#02e2cc
```
#02e2cc rgb(2,226,204)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#7eaba6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cbc2 Protanopia 1% of men
#d9c6d9 Deuteranopia 1% of men
#45deee Tritanopia 0.001% of the population

Trichromacy

#86d3c5 Protanomaly 1% of men, 0.01% of women
#8ad0d4 Deuteranomaly 6% of men, 0.4% of women
#2ddfe2 Tritanomaly 0.01% of the population

#02e2cc hex color

#02e2cc Color Information

#02e2cc Color Conversion

Color Schemes with #02e2cc

Alternatives to #02e2cc

#02e2cc Preview

Shades and Tints of #02e2cc

Tones of #02e2cc

Color Blindness Simulator