#02d1e5 hex color

In a RGB color space, hex #02d1e5 is composed of 0.8% red, 82% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 8.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 185.3 degrees, a saturation of 98.3% and a lightness of 45.3%. #02d1e5 color hex could be obtained by blending #04ffff with #00a3cb. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 82
- B 90
RGB color chart
- C 99
- M 9
- Y 0
- K 10
CMYK color chart

● #02d1e5 color description : Vivid cyan.

The hexadecimal color #02d1e5 has RGB values of R:2, G:209, B:229 and CMYK values of C:0.99, M:0.09, Y:0, K:0.1. Its decimal value is 184805.

Hex triplet	02d1e5	`#02d1e5`
RGB Decimal	2, 209, 229	`rgb(2,209,229)`
RGB Percent	0.8, 82, 89.8	`rgb(0.8%,82%,89.8%)`
CMYK	99, 9, 0, 10
HSL	185.3°, 98.3, 45.3	`hsl(185.3,98.3%,45.3%)`
HSV (or HSB)	185.3°, 99.1, 89.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.841, -35.21, -21.945
XYZ	36.964, 51.267, 82.072
xyY	0.217, 0.301, 51.267
CIE-LCH	76.841, 41.489, 211.934
CIE-LUV	76.841, -57.255, -29.785
Hunter-Lab	71.601, -33.151, -17.84
Binary	00000010, 11010001, 11100101

#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#e51602
```
#e51602 rgb(229,22,2)
```

Complementary Color

#02e588
```
#02e588 rgb(2,229,136)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#025fe5
```
#025fe5 rgb(2,95,229)
```

Analogous Color

#e58802
```
#e58802 rgb(229,136,2)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#e50260
```
#e50260 rgb(229,2,96)
```

Split Complementary Color

#d1e502
```
#d1e502 rgb(209,229,2)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#e502d1
```
#e502d1 rgb(229,2,209)
```

Triadic Color

#02e516
```
#02e516 rgb(2,229,22)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#e502d1
```
#e502d1 rgb(229,2,209)
```
#e51602
```
#e51602 rgb(229,22,2)
```

Tetradic Color

#018c99
```
#018c99 rgb(1,140,153)
```
#02a3b2
```
#02a3b2 rgb(2,163,178)
```
#02bacc
```
#02bacc rgb(2,186,204)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#04e7fd
```
#04e7fd rgb(4,231,253)
```
#1de9fd
```
#1de9fd rgb(29,233,253)
```
#36ecfd
```
#36ecfd rgb(54,236,253)
```

Monochromatic Color

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

#02e5c0
```
#02e5c0 rgb(2,229,192)
```
#02e5d3
```
#02e5d3 rgb(2,229,211)
```
#02e4e5
```
#02e4e5 rgb(2,228,229)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#02bee5
```
#02bee5 rgb(2,190,229)
```
#02abe5
```
#02abe5 rgb(2,171,229)
```
#0298e5
```
#0298e5 rgb(2,152,229)
```

Similar Colors

Text with hexadecimal color #02d1e5

This text has a font color of #02d1e5.

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

#02d1e5 background color

This paragraph has a background color of #02d1e5.

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

#02d1e5 border color

This element has a border color of #02d1e5.

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

CSS codes

.text {color:#02d1e5;}

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

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

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

#000e0f
```
#000e0f rgb(0,14,15)
```
#002023
```
#002023 rgb(0,32,35)
```
#003136
```
#003136 rgb(0,49,54)
```
#014349
```
#014349 rgb(1,67,73)
```
#01555d
```
#01555d rgb(1,85,93)
```
#016770
```
#016770 rgb(1,103,112)
```
#017884
```
#017884 rgb(1,120,132)
```
#018a97
```
#018a97 rgb(1,138,151)
```
#019cab
```
#019cab rgb(1,156,171)
```
#02aebe
```
#02aebe rgb(2,174,190)
```
#02bfd2
```
#02bfd2 rgb(2,191,210)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```
#02e3f8
```
#02e3f8 rgb(2,227,248)
```

Shade Color Variation

#11e8fd
```
#11e8fd rgb(17,232,253)
```
#25eafd
```
#25eafd rgb(37,234,253)
```
#38ecfd
```
#38ecfd rgb(56,236,253)
```
#4ceefd
```
#4ceefd rgb(76,238,253)
```
#5ff0fe
```
#5ff0fe rgb(95,240,254)
```
#73f2fe
```
#73f2fe rgb(115,242,254)
```
#86f3fe
```
#86f3fe rgb(134,243,254)
```
#99f5fe
```
#99f5fe rgb(153,245,254)
```
#adf7fe
```
#adf7fe rgb(173,247,254)
```
#c0f9fe
```
#c0f9fe rgb(192,249,254)
```
#d4fbff
```
#d4fbff rgb(212,251,255)
```
#e7fdff
```
#e7fdff rgb(231,253,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#6d797a
```
#6d797a rgb(109,121,122)
```
#648083
```
#648083 rgb(100,128,131)
```
#5b888c
```
#5b888c rgb(91,136,140)
```
#528f95
```
#528f95 rgb(82,143,149)
```
#49969e
```
#49969e rgb(73,150,158)
```
#409ea7
```
#409ea7 rgb(64,158,167)
```
#37a5b0
```
#37a5b0 rgb(55,165,176)
```
#2eacb9
```
#2eacb9 rgb(46,172,185)
```
#26b4c1
```
#26b4c1 rgb(38,180,193)
```
#1dbbca
```
#1dbbca rgb(29,187,202)
```
#14c2d3
```
#14c2d3 rgb(20,194,211)
```
#0bcadc
```
#0bcadc rgb(11,202,220)
```
#02d1e5
```
#02d1e5 rgb(2,209,229)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#78a1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbfda Protanopia 1% of men
#b9bdee Deuteranopia 1% of men
#00d3e3 Tritanopia 0.001% of the population

Trichromacy

#78c5de Protanomaly 1% of men, 0.01% of women
#76c4eb Deuteranomaly 6% of men, 0.4% of women
#00d2e3 Tritanomaly 0.01% of the population

#02d1e5 hex color

#02d1e5 Color Information

#02d1e5 Color Conversion

Color Schemes with #02d1e5

Alternatives to #02d1e5

#02d1e5 Preview

Shades and Tints of #02d1e5

Tones of #02d1e5

Color Blindness Simulator