#02e2e4 hex color

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

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

● #02e2e4 color description : Vivid cyan.

The hexadecimal color #02e2e4 has RGB values of R:2, G:226, B:228 and CMYK values of C:0.99, M:0.01, Y:0, K:0.11. Its decimal value is 189156.

Hex triplet	02e2e4	`#02e2e4`
RGB Decimal	2, 226, 228	`rgb(2,226,228)`
RGB Percent	0.8, 88.6, 89.4	`rgb(0.8%,88.6%,89.4%)`
CMYK	99, 1, 0, 11
HSL	180.5°, 98.3, 45.1	`hsl(180.5,98.3%,45.1%)`
HSV (or HSB)	180.5°, 99.1, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.84, -43.255, -13.866
XYZ	41.221, 60.003, 82.804
xyY	0.224, 0.326, 60.003
CIE-LCH	81.84, 45.423, 197.773
CIE-LUV	81.84, -63.032, -15.33
Hunter-Lab	77.461, -40.57, -9.156
Binary	00000010, 11100010, 11100100

#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#e40402
```
#e40402 rgb(228,4,2)
```

Complementary Color

#02e475
```
#02e475 rgb(2,228,117)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#0271e4
```
#0271e4 rgb(2,113,228)
```

Analogous Color

#e47502
```
#e47502 rgb(228,117,2)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#e40271
```
#e40271 rgb(228,2,113)
```

Split Complementary Color

#e2e402
```
#e2e402 rgb(226,228,2)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#e402e2
```
#e402e2 rgb(228,2,226)
```

Triadic Color

#02e404
```
#02e404 rgb(2,228,4)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#e402e2
```
#e402e2 rgb(228,2,226)
```
#e40402
```
#e40402 rgb(228,4,2)
```

Tetradic Color

#019798
```
#019798 rgb(1,151,152)
```
#02b0b1
```
#02b0b1 rgb(2,176,177)
```
#02c9cb
```
#02c9cb rgb(2,201,203)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#03fbfd
```
#03fbfd rgb(3,251,253)
```
#1cfbfd
```
#1cfbfd rgb(28,251,253)
```
#35fbfd
```
#35fbfd rgb(53,251,253)
```

Monochromatic Color

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

#02e4ae
```
#02e4ae rgb(2,228,174)
```
#02e4c0
```
#02e4c0 rgb(2,228,192)
```
#02e4d3
```
#02e4d3 rgb(2,228,211)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#02cfe4
```
#02cfe4 rgb(2,207,228)
```
#02bce4
```
#02bce4 rgb(2,188,228)
```
#02aae4
```
#02aae4 rgb(2,170,228)
```

Similar Colors

Text with hexadecimal color #02e2e4

This text has a font color of #02e2e4.

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

#02e2e4 background color

This paragraph has a background color of #02e2e4.

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

#02e2e4 border color

This element has a border color of #02e2e4.

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

CSS codes

.text {color:#02e2e4;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#002122
```
#002122 rgb(0,33,34)
```
#003535
```
#003535 rgb(0,53,53)
```
#014848
```
#014848 rgb(1,72,72)
```
#015b5c
```
#015b5c rgb(1,91,92)
```
#016e6f
```
#016e6f rgb(1,110,111)
```
#018283
```
#018283 rgb(1,130,131)
```
#019596
```
#019596 rgb(1,149,150)
```
#01a8aa
```
#01a8aa rgb(1,168,170)
```
#02bbbd
```
#02bbbd rgb(2,187,189)
```
#02cfd1
```
#02cfd1 rgb(2,207,209)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```
#02f5f7
```
#02f5f7 rgb(2,245,247)
```

Shade Color Variation

#10fbfd
```
#10fbfd rgb(16,251,253)
```
#24fbfd
```
#24fbfd rgb(36,251,253)
```
#37fbfd
```
#37fbfd rgb(55,251,253)
```
#4bfcfd
```
#4bfcfd rgb(75,252,253)
```
#5efcfe
```
#5efcfe rgb(94,252,254)
```
#72fdfe
```
#72fdfe rgb(114,253,254)
```
#85fdfe
```
#85fdfe rgb(133,253,254)
```
#98fdfe
```
#98fdfe rgb(152,253,254)
```
#acfefe
```
#acfefe rgb(172,254,254)
```
#bffefe
```
#bffefe rgb(191,254,254)
```
#d3feff
```
#d3feff rgb(211,254,255)
```
#e6ffff
```
#e6ffff rgb(230,255,255)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#6c7a7a
```
#6c7a7a rgb(108,122,122)
```
#638283
```
#638283 rgb(99,130,131)
```
#5a8b8c
```
#5a8b8c rgb(90,139,140)
```
#529494
```
#529494 rgb(82,148,148)
```
#499c9d
```
#499c9d rgb(73,156,157)
```
#40a5a6
```
#40a5a6 rgb(64,165,166)
```
#37aeaf
```
#37aeaf rgb(55,174,175)
```
#2eb7b8
```
#2eb7b8 rgb(46,183,184)
```
#25bfc1
```
#25bfc1 rgb(37,191,193)
```
#1dc8c9
```
#1dc8c9 rgb(29,200,201)
```
#14d1d2
```
#14d1d2 rgb(20,209,210)
```
#0bd9db
```
#0bd9db rgb(11,217,219)
```
#02e2e4
```
#02e2e4 rgb(2,226,228)
```

Tone Color Variation

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

Dichromacy

#ceccd8 Protanopia 1% of men
#d0c9ef Deuteranopia 1% of men
#31e1f2 Tritanopia 0.001% of the population

Trichromacy

#84d4dc Protanomaly 1% of men, 0.01% of women
#85d2eb Deuteranomaly 6% of men, 0.4% of women
#20e1ec Tritanomaly 0.01% of the population

#02e2e4 hex color

#02e2e4 Color Information

#02e2e4 Color Conversion

Color Schemes with #02e2e4

Alternatives to #02e2e4

#02e2e4 Preview

Shades and Tints of #02e2e4

Tones of #02e2e4

Color Blindness Simulator