#02ceff hex color

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

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

● #02ceff color description : Vivid cyan.

The hexadecimal color #02ceff has RGB values of R:2, G:206, B:255 and CMYK values of C:0.99, M:0.19, Y:0, K:0. Its decimal value is 184063.

Hex triplet	02ceff	`#02ceff`
RGB Decimal	2, 206, 255	`rgb(2,206,255)`
RGB Percent	0.8, 80.8, 100	`rgb(0.8%,80.8%,100%)`
CMYK	99, 19, 0, 0
HSL	191.6°, 100, 50.4	`hsl(191.6,100%,50.4%)`
HSV (or HSB)	191.6°, 99.2, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.903, -25.311, -35.772
XYZ	40.141, 51.371, 102.402
xyY	0.207, 0.265, 51.371
CIE-LCH	76.903, 43.821, 234.719
CIE-LUV	76.903, -54.197, -54.748
Hunter-Lab	71.674, -25.459, -34.537
Binary	00000010, 11001110, 11111111

#02ceff
```
#02ceff rgb(2,206,255)
```
#ff3302
```
#ff3302 rgb(255,51,2)
```

Complementary Color

#02ffb2
```
#02ffb2 rgb(2,255,178)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#024fff
```
#024fff rgb(2,79,255)
```

Analogous Color

#ffb202
```
#ffb202 rgb(255,178,2)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#ff0250
```
#ff0250 rgb(255,2,80)
```

Split Complementary Color

#ceff02
```
#ceff02 rgb(206,255,2)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#ff02ce
```
#ff02ce rgb(255,2,206)
```

Triadic Color

#02ff33
```
#02ff33 rgb(2,255,51)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#ff02ce
```
#ff02ce rgb(255,2,206)
```
#ff3302
```
#ff3302 rgb(255,51,2)
```

Tetradic Color

#0092b5
```
#0092b5 rgb(0,146,181)
```
#00a6ce
```
#00a6ce rgb(0,166,206)
```
#00bbe8
```
#00bbe8 rgb(0,187,232)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#1cd3ff
```
#1cd3ff rgb(28,211,255)
```
#35d8ff
```
#35d8ff rgb(53,216,255)
```
#4fddff
```
#4fddff rgb(79,221,255)
```

Monochromatic Color

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

#02fff1
```
#02fff1 rgb(2,255,241)
```
#02f8ff
```
#02f8ff rgb(2,248,255)
```
#02e3ff
```
#02e3ff rgb(2,227,255)
```
#02ceff
```
#02ceff rgb(2,206,255)
```
#02b9ff
```
#02b9ff rgb(2,185,255)
```
#02a4ff
```
#02a4ff rgb(2,164,255)
```
#028fff
```
#028fff rgb(2,143,255)
```

Similar Colors

Text with hexadecimal color #02ceff

This text has a font color of #02ceff.

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

#02ceff background color

This paragraph has a background color of #02ceff.

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

#02ceff border color

This element has a border color of #02ceff.

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

CSS codes

.text {color:#02ceff;}

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

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

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 #edfcff is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#001116
```
#001116 rgb(0,17,22)
```
#002129
```
#002129 rgb(0,33,41)
```
#00313d
```
#00313d rgb(0,49,61)
```
#004150
```
#004150 rgb(0,65,80)
```
#005164
```
#005164 rgb(0,81,100)
```
#006178
```
#006178 rgb(0,97,120)
```
#00708b
```
#00708b rgb(0,112,139)
```
#00809f
```
#00809f rgb(0,128,159)
```
#0090b3
```
#0090b3 rgb(0,144,179)
```
#00a0c6
```
#00a0c6 rgb(0,160,198)
```
#00b0da
```
#00b0da rgb(0,176,218)
```
#00bfed
```
#00bfed rgb(0,191,237)
```

Shade Color Variation

#02ceff
```
#02ceff rgb(2,206,255)
```
#16d2ff
```
#16d2ff rgb(22,210,255)
```
#29d6ff
```
#29d6ff rgb(41,214,255)
```
#3dd9ff
```
#3dd9ff rgb(61,217,255)
```
#50ddff
```
#50ddff rgb(80,221,255)
```
#64e1ff
```
#64e1ff rgb(100,225,255)
```
#78e5ff
```
#78e5ff rgb(120,229,255)
```
#8be9ff
```
#8be9ff rgb(139,233,255)
```
#9fecff
```
#9fecff rgb(159,236,255)
```
#b3f0ff
```
#b3f0ff rgb(179,240,255)
```
#c6f4ff
```
#c6f4ff rgb(198,244,255)
```
#daf8ff
```
#daf8ff rgb(218,248,255)
```
#edfcff
```
#edfcff rgb(237,252,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 #02ceff is the most saturated one.

#77868a
```
#77868a rgb(119,134,138)
```
#6d8c94
```
#6d8c94 rgb(109,140,148)
```
#63929e
```
#63929e rgb(99,146,158)
```
#5a98a7
```
#5a98a7 rgb(90,152,167)
```
#509eb1
```
#509eb1 rgb(80,158,177)
```
#46a4bb
```
#46a4bb rgb(70,164,187)
```
#3caac5
```
#3caac5 rgb(60,170,197)
```
#33b0ce
```
#33b0ce rgb(51,176,206)
```
#29b6d8
```
#29b6d8 rgb(41,182,216)
```
#1fbce2
```
#1fbce2 rgb(31,188,226)
```
#15c2ec
```
#15c2ec rgb(21,194,236)
```
#0cc8f5
```
#0cc8f5 rgb(12,200,245)
```
#02ceff
```
#02ceff rgb(2,206,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#79a2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bff3 Protanopia 1% of men
#abbfff Deuteranopia 1% of men
#00d4e2 Tritanopia 0.001% of the population

Trichromacy

#72c4f7 Protanomaly 1% of men, 0.01% of women
#6dc4ff Deuteranomaly 6% of men, 0.4% of women
#00d1ed Tritanomaly 0.01% of the population

#02ceff hex color

#02ceff Color Information

#02ceff Color Conversion

Color Schemes with #02ceff

Alternatives to #02ceff

#02ceff Preview

Shades and Tints of #02ceff

Tones of #02ceff

Color Blindness Simulator