#02cde8 hex color

In a RGB color space, hex #02cde8 is composed of 0.8% red, 80.4% green and 91% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 11.6% magenta, 0% yellow and 9% black. It has a hue angle of 187 degrees, a saturation of 98.3% and a lightness of 45.9%. #02cde8 color hex could be obtained by blending #04ffff with #009bd1. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 1
- G 80
- B 91
RGB color chart
- C 99
- M 12
- Y 0
- K 9
CMYK color chart

● #02cde8 color description : Vivid cyan.

The hexadecimal color #02cde8 has RGB values of R:2, G:205, B:232 and CMYK values of C:0.99, M:0.12, Y:0, K:0.09. Its decimal value is 183784.

Hex triplet	02cde8	`#02cde8`
RGB Decimal	2, 205, 232	`rgb(2,205,232)`
RGB Percent	0.8, 80.4, 91	`rgb(0.8%,80.4%,91%)`
CMYK	99, 12, 0, 9
HSL	187°, 98.3, 45.9	`hsl(187,98.3%,45.9%)`
HSV (or HSB)	187°, 99.1, 91
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.76, -32.361, -25.204
XYZ	36.418, 49.498, 83.974
xyY	0.214, 0.291, 49.498
CIE-LCH	75.76, 41.018, 217.913
CIE-LUV	75.76, -55.669, -35.623
Hunter-Lab	70.355, -30.724, -21.519
Binary	00000010, 11001101, 11101000

#02cde8
```
#02cde8 rgb(2,205,232)
```
#e81d02
```
#e81d02 rgb(232,29,2)
```

Complementary Color

#02e890
```
#02e890 rgb(2,232,144)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#025ae8
```
#025ae8 rgb(2,90,232)
```

Analogous Color

#e89002
```
#e89002 rgb(232,144,2)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#e8025a
```
#e8025a rgb(232,2,90)
```

Split Complementary Color

#cde802
```
#cde802 rgb(205,232,2)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#e802cd
```
#e802cd rgb(232,2,205)
```

Triadic Color

#02e81d
```
#02e81d rgb(2,232,29)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#e802cd
```
#e802cd rgb(232,2,205)
```
#e81d02
```
#e81d02 rgb(232,29,2)
```

Tetradic Color

#018a9c
```
#018a9c rgb(1,138,156)
```
#02a0b5
```
#02a0b5 rgb(2,160,181)
```
#02b7cf
```
#02b7cf rgb(2,183,207)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#07e0fd
```
#07e0fd rgb(7,224,253)
```
#20e3fd
```
#20e3fd rgb(32,227,253)
```
#39e6fd
```
#39e6fd rgb(57,230,253)
```

Monochromatic Color

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

#02e8ca
```
#02e8ca rgb(2,232,202)
```
#02e8dd
```
#02e8dd rgb(2,232,221)
```
#02e0e8
```
#02e0e8 rgb(2,224,232)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#02bae8
```
#02bae8 rgb(2,186,232)
```
#02a7e8
```
#02a7e8 rgb(2,167,232)
```
#0294e8
```
#0294e8 rgb(2,148,232)
```

Similar Colors

Text with hexadecimal color #02cde8

This text has a font color of #02cde8.

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

#02cde8 background color

This paragraph has a background color of #02cde8.

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

#02cde8 border color

This element has a border color of #02cde8.

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

CSS codes

.text {color:#02cde8;}

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

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

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, #001012 is the darkest color, while #feffff is the lightest one.

#001012
```
#001012 rgb(0,16,18)
```
#002126
```
#002126 rgb(0,33,38)
```
#003239
```
#003239 rgb(0,50,57)
```
#01444c
```
#01444c rgb(1,68,76)
```
#015560
```
#015560 rgb(1,85,96)
```
#016673
```
#016673 rgb(1,102,115)
```
#017787
```
#017787 rgb(1,119,135)
```
#01889a
```
#01889a rgb(1,136,154)
```
#0199ae
```
#0199ae rgb(1,153,174)
```
#02abc1
```
#02abc1 rgb(2,171,193)
```
#02bcd5
```
#02bcd5 rgb(2,188,213)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```
#02defb
```
#02defb rgb(2,222,251)
```

Shade Color Variation

#14e2fd
```
#14e2fd rgb(20,226,253)
```
#28e4fd
```
#28e4fd rgb(40,228,253)
```
#3be7fd
```
#3be7fd rgb(59,231,253)
```
#4fe9fd
```
#4fe9fd rgb(79,233,253)
```
#62ebfe
```
#62ebfe rgb(98,235,254)
```
#75eefe
```
#75eefe rgb(117,238,254)
```
#89f0fe
```
#89f0fe rgb(137,240,254)
```
#9cf3fe
```
#9cf3fe rgb(156,243,254)
```
#b0f5fe
```
#b0f5fe rgb(176,245,254)
```
#c3f8fe
```
#c3f8fe rgb(195,248,254)
```
#d7faff
```
#d7faff rgb(215,250,255)
```
#eafcff
```
#eafcff rgb(234,252,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#6e7a7c
```
#6e7a7c rgb(110,122,124)
```
#658185
```
#658185 rgb(101,129,133)
```
#5c888e
```
#5c888e rgb(92,136,142)
```
#538f97
```
#538f97 rgb(83,143,151)
```
#4a96a0
```
#4a96a0 rgb(74,150,160)
```
#419da9
```
#419da9 rgb(65,157,169)
```
#38a4b2
```
#38a4b2 rgb(56,164,178)
```
#2fabbb
```
#2fabbb rgb(47,171,187)
```
#26b1c4
```
#26b1c4 rgb(38,177,196)
```
#1db8cd
```
#1db8cd rgb(29,184,205)
```
#14bfd6
```
#14bfd6 rgb(20,191,214)
```
#0bc6df
```
#0bc6df rgb(11,198,223)
```
#02cde8
```
#02cde8 rgb(2,205,232)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#769fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bcdd Protanopia 1% of men
#b2bbf1 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#75c2e1 Protanomaly 1% of men, 0.01% of women
#72c1ed Deuteranomaly 6% of men, 0.4% of women
#00cfe2 Tritanomaly 0.01% of the population

#02cde8 hex color

#02cde8 Color Information

#02cde8 Color Conversion

Color Schemes with #02cde8

Alternatives to #02cde8

#02cde8 Preview

Shades and Tints of #02cde8

Tones of #02cde8

Color Blindness Simulator