#02c1e1 hex color

In a RGB color space, hex #02c1e1 is composed of 0.8% red, 75.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 14.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 188.6 degrees, a saturation of 98.2% and a lightness of 44.5%. #02c1e1 color hex could be obtained by blending #04ffff with #0083c3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 76
- B 88
RGB color chart
- C 99
- M 14
- Y 0
- K 12
CMYK color chart

● #02c1e1 color description : Vivid cyan.

The hexadecimal color #02c1e1 has RGB values of R:2, G:193, B:225 and CMYK values of C:0.99, M:0.14, Y:0, K:0.12. Its decimal value is 180705.

Hex triplet	02c1e1	`#02c1e1`
RGB Decimal	2, 193, 225	`rgb(2,193,225)`
RGB Percent	0.8, 75.7, 88.2	`rgb(0.8%,75.7%,88.2%)`
CMYK	99, 14, 0, 12
HSL	188.6°, 98.2, 44.5	`hsl(188.6,98.2%,44.5%)`
HSV (or HSB)	188.6°, 99.1, 88.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.951, -28.81, -27.254
XYZ	32.682, 43.586, 77.92
xyY	0.212, 0.283, 43.586
CIE-LCH	71.951, 39.658, 223.411
CIE-LUV	71.951, -52.175, -39.341
Hunter-Lab	66.02, -27.171, -23.764
Binary	00000010, 11000001, 11100001

#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#e12202
```
#e12202 rgb(225,34,2)
```

Complementary Color

#02e192
```
#02e192 rgb(2,225,146)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#0252e1
```
#0252e1 rgb(2,82,225)
```

Analogous Color

#e19202
```
#e19202 rgb(225,146,2)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#e10251
```
#e10251 rgb(225,2,81)
```

Split Complementary Color

#c1e102
```
#c1e102 rgb(193,225,2)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#e102c1
```
#e102c1 rgb(225,2,193)
```

Triadic Color

#02e122
```
#02e122 rgb(2,225,34)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#e102c1
```
#e102c1 rgb(225,2,193)
```
#e12202
```
#e12202 rgb(225,34,2)
```

Tetradic Color

#018095
```
#018095 rgb(1,128,149)
```
#0296ae
```
#0296ae rgb(2,150,174)
```
#02abc8
```
#02abc8 rgb(2,171,200)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#19dcfd
```
#19dcfd rgb(25,220,253)
```
#32e0fd
```
#32e0fd rgb(50,224,253)
```

Monochromatic Color

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

#02e1c9
```
#02e1c9 rgb(2,225,201)
```
#02e1dc
```
#02e1dc rgb(2,225,220)
```
#02d4e1
```
#02d4e1 rgb(2,212,225)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#02aee1
```
#02aee1 rgb(2,174,225)
```
#029ce1
```
#029ce1 rgb(2,156,225)
```
#0289e1
```
#0289e1 rgb(2,137,225)
```

Similar Colors

Text with hexadecimal color #02c1e1

This text has a font color of #02c1e1.

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

#02c1e1 background color

This paragraph has a background color of #02c1e1.

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

#02c1e1 border color

This element has a border color of #02c1e1.

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

CSS codes

.text {color:#02c1e1;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001a1f
```
#001a1f rgb(0,26,31)
```
#002b32
```
#002b32 rgb(0,43,50)
```
#013c45
```
#013c45 rgb(1,60,69)
```
#014c59
```
#014c59 rgb(1,76,89)
```
#015d6c
```
#015d6c rgb(1,93,108)
```
#016e80
```
#016e80 rgb(1,110,128)
```
#017e93
```
#017e93 rgb(1,126,147)
```
#018fa7
```
#018fa7 rgb(1,143,167)
```
#02a0ba
```
#02a0ba rgb(2,160,186)
```
#02b0ce
```
#02b0ce rgb(2,176,206)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#02d2f4
```
#02d2f4 rgb(2,210,244)
```

Shade Color Variation

#0ddafd
```
#0ddafd rgb(13,218,253)
```
#21ddfd
```
#21ddfd rgb(33,221,253)
```
#34e0fd
```
#34e0fd rgb(52,224,253)
```
#48e3fd
```
#48e3fd rgb(72,227,253)
```
#5be6fe
```
#5be6fe rgb(91,230,254)
```
#6fe9fe
```
#6fe9fe rgb(111,233,254)
```
#82ecfe
```
#82ecfe rgb(130,236,254)
```
#95effe
```
#95effe rgb(149,239,254)
```
#a9f2fe
```
#a9f2fe rgb(169,242,254)
```
#bcf5fe
```
#bcf5fe rgb(188,245,254)
```
#d0f8ff
```
#d0f8ff rgb(208,248,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#6b7678
```
#6b7678 rgb(107,118,120)
```
#627d81
```
#627d81 rgb(98,125,129)
```
#59838a
```
#59838a rgb(89,131,138)
```
#518992
```
#518992 rgb(81,137,146)
```
#488f9b
```
#488f9b rgb(72,143,155)
```
#3f95a4
```
#3f95a4 rgb(63,149,164)
```
#369cad
```
#369cad rgb(54,156,173)
```
#2ea2b5
```
#2ea2b5 rgb(46,162,181)
```
#25a8be
```
#25a8be rgb(37,168,190)
```
#1caec7
```
#1caec7 rgb(28,174,199)
```
#13b5d0
```
#13b5d0 rgb(19,181,208)
```
#0bbbd8
```
#0bbbd8 rgb(11,187,216)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#70979d Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb2d7 Protanopia 1% of men
#a5b1e9 Deuteranopia 1% of men
#00c5d4 Tritanopia 0.001% of the population

Trichromacy

#6eb7da Protanomaly 1% of men, 0.01% of women
#6ab7e6 Deuteranomaly 6% of men, 0.4% of women
#00c4d8 Tritanomaly 0.01% of the population

#02c1e1 hex color

#02c1e1 Color Information

#02c1e1 Color Conversion

Color Schemes with #02c1e1

Alternatives to #02c1e1

#02c1e1 Preview

Shades and Tints of #02c1e1

Tones of #02c1e1

Color Blindness Simulator