colorhexa.com

#02e2d5 hex color

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

- R 1
- G 89
- B 84
RGB color chart
- C 99
- M 0
- Y 6
- K 11
CMYK color chart

● #02e2d5 color description : Vivid cyan.

The hexadecimal color #02e2d5 has RGB values of R:2, G:226, B:213 and CMYK values of C:0.99, M:0, Y:0.06, K:0.11. Its decimal value is 189141.

Hex triplet	02e2d5	`#02e2d5`
RGB Decimal	2, 226, 213	`rgb(2,226,213)`
RGB Percent	0.8, 88.6, 83.5	`rgb(0.8%,88.6%,83.5%)`
CMYK	99, 0, 6, 11
HSL	176.5°, 98.2, 44.7	`hsl(176.5,98.2%,44.7%)`
HSV (or HSB)	176.5°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.404, -47.58, -6.551
XYZ	39.228, 59.206, 72.307
xyY	0.23, 0.347, 59.206
CIE-LCH	81.404, 48.029, 187.84
CIE-LUV	81.404, -64.245, -2.808
Hunter-Lab	76.945, -43.652, -1.855
Binary	00000010, 11100010, 11010101

#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#e2020f
```
#e2020f rgb(226,2,15)
```

Complementary Color

#02e265
```
#02e265 rgb(2,226,101)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#027fe2
```
#027fe2 rgb(2,127,226)
```

Analogous Color

#e26502
```
#e26502 rgb(226,101,2)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#e2027f
```
#e2027f rgb(226,2,127)
```

Split Complementary Color

#e2d502
```
#e2d502 rgb(226,213,2)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#d502e2
```
#d502e2 rgb(213,2,226)
```

Triadic Color

#01968e
```
#01968e rgb(1,150,142)
```
#02afa5
```
#02afa5 rgb(2,175,165)
```
#02c9bd
```
#02c9bd rgb(2,201,189)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#02fbed
```
#02fbed rgb(2,251,237)
```
#1afdf0
```
#1afdf0 rgb(26,253,240)
```
#33fdf1
```
#33fdf1 rgb(51,253,241)
```

Monochromatic Color

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

#02e29d
```
#02e29d rgb(2,226,157)
```
#02e2b0
```
#02e2b0 rgb(2,226,176)
```
#02e2c2
```
#02e2c2 rgb(2,226,194)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#02dce2
```
#02dce2 rgb(2,220,226)
```
#02cae2
```
#02cae2 rgb(2,202,226)
```
#02b7e2
```
#02b7e2 rgb(2,183,226)
```

Similar Colors

Text with hexadecimal color #02e2d5

This text has a font color of #02e2d5.

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

#02e2d5 background color

This paragraph has a background color of #02e2d5.

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

#02e2d5 border color

This element has a border color of #02e2d5.

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

CSS codes

.text {color:#02e2d5;}

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

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

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 #f8ffff is the lightest one.

#000c0b
```
#000c0b rgb(0,12,11)
```
#00201e
```
#00201e rgb(0,32,30)
```
#003330
```
#003330 rgb(0,51,48)
```
#014642
```
#014642 rgb(1,70,66)
```
#015a55
```
#015a55 rgb(1,90,85)
```
#016d67
```
#016d67 rgb(1,109,103)
```
#018179
```
#018179 rgb(1,129,121)
```
#01948c
```
#01948c rgb(1,148,140)
```
#01a89e
```
#01a89e rgb(1,168,158)
```
#02bbb0
```
#02bbb0 rgb(2,187,176)
```
#02cfc3
```
#02cfc3 rgb(2,207,195)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```
#02f5e7
```
#02f5e7 rgb(2,245,231)
```

Shade Color Variation

#0efdef
```
#0efdef rgb(14,253,239)
```
#22fdf0
```
#22fdf0 rgb(34,253,240)
```
#35fdf2
```
#35fdf2 rgb(53,253,242)
```
#49fdf3
```
#49fdf3 rgb(73,253,243)
```
#5cfef4
```
#5cfef4 rgb(92,254,244)
```
#70fef5
```
#70fef5 rgb(112,254,245)
```
#83fef7
```
#83fef7 rgb(131,254,247)
```
#96fef8
```
#96fef8 rgb(150,254,248)
```
#aafef9
```
#aafef9 rgb(170,254,249)
```
#bdfefb
```
#bdfefb rgb(189,254,251)
```
#d1fffc
```
#d1fffc rgb(209,255,252)
```
#e4fffd
```
#e4fffd rgb(228,255,253)
```
#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 #02e2d5 is the most saturated one.

#6b7978
```
#6b7978 rgb(107,121,120)
```
#628280
```
#628280 rgb(98,130,128)
```
#5a8a87
```
#5a8a87 rgb(90,138,135)
```
#51938f
```
#51938f rgb(81,147,143)
```
#489c97
```
#489c97 rgb(72,156,151)
```
#3fa59f
```
#3fa59f rgb(63,165,159)
```
#37ada6
```
#37ada6 rgb(55,173,166)
```
#2eb6ae
```
#2eb6ae rgb(46,182,174)
```
#25bfb6
```
#25bfb6 rgb(37,191,182)
```
#1cc8be
```
#1cc8be rgb(28,200,190)
```
#14d0c5
```
#14d0c5 rgb(20,208,197)
```
#0bd9cd
```
#0bd9cd rgb(11,217,205)
```
#02e2d5
```
#02e2d5 rgb(2,226,213)
```

Tone Color Variation

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

Dichromacy

#d0ccca Protanopia 1% of men
#d6c7e1 Deuteranopia 1% of men
#3fdff0 Tritanopia 0.001% of the population

Trichromacy

#85d4ce Protanomaly 1% of men, 0.01% of women
#88d1dc Deuteranomaly 6% of men, 0.4% of women
#29e0e6 Tritanomaly 0.01% of the population