colorhexa.com

#02c2e8 hex color

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

- R 1
- G 76
- B 91
RGB color chart
- C 99
- M 16
- Y 0
- K 9
CMYK color chart

● #02c2e8 color description : Vivid cyan.

The hexadecimal color #02c2e8 has RGB values of R:2, G:194, B:232 and CMYK values of C:0.99, M:0.16, Y:0, K:0.09. Its decimal value is 180968.

Hex triplet	02c2e8	`#02c2e8`
RGB Decimal	2, 194, 232	`rgb(2,194,232)`
RGB Percent	0.8, 76.1, 91	`rgb(0.8%,76.1%,91%)`
CMYK	99, 16, 0, 9
HSL	189.9°, 98.3, 45.9	`hsl(189.9,98.3%,45.9%)`
HSV (or HSB)	189.9°, 99.1, 91
Web Safe	00ccff	`#00ccff`

CIE-LAB	72.508, -26.987, -30.193
XYZ	33.878, 44.419, 83.128
xyY	0.21, 0.275, 44.419
CIE-LCH	72.508, 40.496, 228.209
CIE-LUV	72.508, -51.963, -44.607
Hunter-Lab	66.648, -25.899, -27.297
Binary	00000010, 11000010, 11101000

#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#e82802
```
#e82802 rgb(232,40,2)
```

Complementary Color

#02e89b
```
#02e89b rgb(2,232,155)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#024fe8
```
#024fe8 rgb(2,79,232)
```

Analogous Color

#e89b02
```
#e89b02 rgb(232,155,2)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#e8024f
```
#e8024f rgb(232,2,79)
```

Split Complementary Color

#c2e802
```
#c2e802 rgb(194,232,2)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#e802c2
```
#e802c2 rgb(232,2,194)
```

Triadic Color

#01839c
```
#01839c rgb(1,131,156)
```
#0298b5
```
#0298b5 rgb(2,152,181)
```
#02adcf
```
#02adcf rgb(2,173,207)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#07d4fd
```
#07d4fd rgb(7,212,253)
```
#20d9fd
```
#20d9fd rgb(32,217,253)
```
#39ddfd
```
#39ddfd rgb(57,221,253)
```

Monochromatic Color

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

#02e8d5
```
#02e8d5 rgb(2,232,213)
```
#02e8e8
```
#02e8e8 rgb(2,232,232)
```
#02d5e8
```
#02d5e8 rgb(2,213,232)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#02afe8
```
#02afe8 rgb(2,175,232)
```
#029ce8
```
#029ce8 rgb(2,156,232)
```
#0289e8
```
#0289e8 rgb(2,137,232)
```

Similar Colors

Text with hexadecimal color #02c2e8

This text has a font color of #02c2e8.

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

#02c2e8 background color

This paragraph has a background color of #02c2e8.

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

#02c2e8 border color

This element has a border color of #02c2e8.

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

CSS codes

.text {color:#02c2e8;}

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

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

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

#000f12
```
#000f12 rgb(0,15,18)
```
#001f26
```
#001f26 rgb(0,31,38)
```
#003039
```
#003039 rgb(0,48,57)
```
#01404c
```
#01404c rgb(1,64,76)
```
#015060
```
#015060 rgb(1,80,96)
```
#016073
```
#016073 rgb(1,96,115)
```
#017187
```
#017187 rgb(1,113,135)
```
#01819a
```
#01819a rgb(1,129,154)
```
#0191ae
```
#0191ae rgb(1,145,174)
```
#02a1c1
```
#02a1c1 rgb(2,161,193)
```
#02b2d5
```
#02b2d5 rgb(2,178,213)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```
#02d2fb
```
#02d2fb rgb(2,210,251)
```

Shade Color Variation

#14d7fd
```
#14d7fd rgb(20,215,253)
```
#28dafd
```
#28dafd rgb(40,218,253)
```
#3bddfd
```
#3bddfd rgb(59,221,253)
```
#4fe1fd
```
#4fe1fd rgb(79,225,253)
```
#62e4fe
```
#62e4fe rgb(98,228,254)
```
#75e7fe
```
#75e7fe rgb(117,231,254)
```
#89ebfe
```
#89ebfe rgb(137,235,254)
```
#9ceefe
```
#9ceefe rgb(156,238,254)
```
#b0f1fe
```
#b0f1fe rgb(176,241,254)
```
#c3f5fe
```
#c3f5fe rgb(195,245,254)
```
#d7f8ff
```
#d7f8ff rgb(215,248,255)
```
#eafbff
```
#eafbff rgb(234,251,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 #02c2e8 is the most saturated one.

#6e7a7c
```
#6e7a7c rgb(110,122,124)
```
#658085
```
#658085 rgb(101,128,133)
```
#5c868e
```
#5c868e rgb(92,134,142)
```
#538c97
```
#538c97 rgb(83,140,151)
```
#4a92a0
```
#4a92a0 rgb(74,146,160)
```
#4198a9
```
#4198a9 rgb(65,152,169)
```
#389eb2
```
#389eb2 rgb(56,158,178)
```
#2fa4bb
```
#2fa4bb rgb(47,164,187)
```
#26aac4
```
#26aac4 rgb(38,170,196)
```
#1db0cd
```
#1db0cd rgb(29,176,205)
```
#14b6d6
```
#14b6d6 rgb(20,182,214)
```
#0bbcdf
```
#0bbcdf rgb(11,188,223)
```
#02c2e8
```
#02c2e8 rgb(2,194,232)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#71989f Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb4de Protanopia 1% of men
#a3b3f0 Deuteranopia 1% of men
#00c7d5 Tritanopia 0.001% of the population

Trichromacy

#6db9e1 Protanomaly 1% of men, 0.01% of women
#68b8ed Deuteranomaly 6% of men, 0.4% of women
#00c5dc Tritanomaly 0.01% of the population