#02cbff hex color

In a RGB color space, hex #02cbff is composed of 0.8% red, 79.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 20.4% magenta, 0% yellow and 0% black. It has a hue angle of 192.3 degrees, a saturation of 100% and a lightness of 50.4%. #02cbff color hex could be obtained by blending #04ffff with #0097ff. Closest websafe color is: #00ccff.

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

● #02cbff color description : Vivid cyan.

The hexadecimal color #02cbff has RGB values of R:2, G:203, B:255 and CMYK values of C:0.99, M:0.2, Y:0, K:0. Its decimal value is 183295.

Hex triplet	02cbff	`#02cbff`
RGB Decimal	2, 203, 255	`rgb(2,203,255)`
RGB Percent	0.8, 79.6, 100	`rgb(0.8%,79.6%,100%)`
CMYK	99, 20, 0, 0
HSL	192.3°, 100, 50.4	`hsl(192.3,100%,50.4%)`
HSV (or HSB)	192.3°, 99.2, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.033, -23.8, -37.121
XYZ	39.426, 49.941, 102.164
xyY	0.206, 0.261, 49.941
CIE-LCH	76.033, 44.095, 237.334
CIE-LUV	76.033, -53.199, -57.205
Hunter-Lab	70.669, -24.085, -36.246
Binary	00000010, 11001011, 11111111

#02cbff
```
#02cbff rgb(2,203,255)
```
#ff3602
```
#ff3602 rgb(255,54,2)
```

Complementary Color

#02ffb5
```
#02ffb5 rgb(2,255,181)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#024dff
```
#024dff rgb(2,77,255)
```

Analogous Color

#ffb502
```
#ffb502 rgb(255,181,2)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#ff024d
```
#ff024d rgb(255,2,77)
```

Split Complementary Color

#cbff02
```
#cbff02 rgb(203,255,2)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#ff02cb
```
#ff02cb rgb(255,2,203)
```

Triadic Color

#02ff36
```
#02ff36 rgb(2,255,54)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#ff02cb
```
#ff02cb rgb(255,2,203)
```
#ff3602
```
#ff3602 rgb(255,54,2)
```

Tetradic Color

#008fb5
```
#008fb5 rgb(0,143,181)
```
#00a4ce
```
#00a4ce rgb(0,164,206)
```
#00b8e8
```
#00b8e8 rgb(0,184,232)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#1cd0ff
```
#1cd0ff rgb(28,208,255)
```
#35d5ff
```
#35d5ff rgb(53,213,255)
```
#4fdbff
```
#4fdbff rgb(79,219,255)
```

Monochromatic Color

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

#02fff4
```
#02fff4 rgb(2,255,244)
```
#02f5ff
```
#02f5ff rgb(2,245,255)
```
#02e0ff
```
#02e0ff rgb(2,224,255)
```
#02cbff
```
#02cbff rgb(2,203,255)
```
#02b6ff
```
#02b6ff rgb(2,182,255)
```
#02a1ff
```
#02a1ff rgb(2,161,255)
```
#028cff
```
#028cff rgb(2,140,255)
```

Similar Colors

Text with hexadecimal color #02cbff

This text has a font color of #02cbff.

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

#02cbff background color

This paragraph has a background color of #02cbff.

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

#02cbff border color

This element has a border color of #02cbff.

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

CSS codes

.text {color:#02cbff;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001116
```
#001116 rgb(0,17,22)
```
#002129
```
#002129 rgb(0,33,41)
```
#00303d
```
#00303d rgb(0,48,61)
```
#004050
```
#004050 rgb(0,64,80)
```
#005064
```
#005064 rgb(0,80,100)
```
#005f78
```
#005f78 rgb(0,95,120)
```
#006f8b
```
#006f8b rgb(0,111,139)
```
#007e9f
```
#007e9f rgb(0,126,159)
```
#008eb3
```
#008eb3 rgb(0,142,179)
```
#009dc6
```
#009dc6 rgb(0,157,198)
```
#00adda
```
#00adda rgb(0,173,218)
```
#00bded
```
#00bded rgb(0,189,237)
```

Shade Color Variation

#02cbff
```
#02cbff rgb(2,203,255)
```
#16cfff
```
#16cfff rgb(22,207,255)
```
#29d3ff
```
#29d3ff rgb(41,211,255)
```
#3dd7ff
```
#3dd7ff rgb(61,215,255)
```
#50dbff
```
#50dbff rgb(80,219,255)
```
#64dfff
```
#64dfff rgb(100,223,255)
```
#78e3ff
```
#78e3ff rgb(120,227,255)
```
#8be7ff
```
#8be7ff rgb(139,231,255)
```
#9febff
```
#9febff rgb(159,235,255)
```
#b3efff
```
#b3efff rgb(179,239,255)
```
#c6f3ff
```
#c6f3ff rgb(198,243,255)
```
#daf7ff
```
#daf7ff rgb(218,247,255)
```
#edfbff
```
#edfbff rgb(237,251,255)
```

Tint Color Variation

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

#77868a
```
#77868a rgb(119,134,138)
```
#6d8c94
```
#6d8c94 rgb(109,140,148)
```
#63929e
```
#63929e rgb(99,146,158)
```
#5a97a7
```
#5a97a7 rgb(90,151,167)
```
#509db1
```
#509db1 rgb(80,157,177)
```
#46a3bb
```
#46a3bb rgb(70,163,187)
```
#3ca9c5
```
#3ca9c5 rgb(60,169,197)
```
#33aece
```
#33aece rgb(51,174,206)
```
#29b4d8
```
#29b4d8 rgb(41,180,216)
```
#1fbae2
```
#1fbae2 rgb(31,186,226)
```
#15c0ec
```
#15c0ec rgb(21,192,236)
```
#0cc5f5
```
#0cc5f5 rgb(12,197,245)
```
#02cbff
```
#02cbff rgb(2,203,255)
```

Tone Color Variation

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

Dichromacy

#afbcf3 Protanopia 1% of men
#a6bdff Deuteranopia 1% of men
#00d1e0 Tritanopia 0.001% of the population

Trichromacy

#70c2f7 Protanomaly 1% of men, 0.01% of women
#6ac2ff Deuteranomaly 6% of men, 0.4% of women
#00cfeb Tritanomaly 0.01% of the population

#02cbff hex color

#02cbff Color Information

#02cbff Color Conversion

Color Schemes with #02cbff

Alternatives to #02cbff

#02cbff Preview

Shades and Tints of #02cbff

Tones of #02cbff

Color Blindness Simulator