#02cdff hex color

In a RGB color space, hex #02cdff is composed of 0.8% red, 80.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 19.6% magenta, 0% yellow and 0% black. It has a hue angle of 191.9 degrees, a saturation of 100% and a lightness of 50.4%. #02cdff color hex could be obtained by blending #04ffff with #009bff. 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

● #02cdff color description : Vivid cyan.

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

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

CIE-LAB	76.613, -24.809, -36.221
XYZ	39.901, 50.892, 102.322
xyY	0.207, 0.264, 50.892
CIE-LCH	76.613, 43.903, 235.592
CIE-LUV	76.613, -53.864, -55.567
Hunter-Lab	71.338, -25.002, -35.104
Binary	00000010, 11001101, 11111111

#02cdff
```
#02cdff rgb(2,205,255)
```
#ff3402
```
#ff3402 rgb(255,52,2)
```

Complementary Color

#02ffb3
```
#02ffb3 rgb(2,255,179)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#024fff
```
#024fff rgb(2,79,255)
```

Analogous Color

#ffb302
```
#ffb302 rgb(255,179,2)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#ff024f
```
#ff024f rgb(255,2,79)
```

Split Complementary Color

#cdff02
```
#cdff02 rgb(205,255,2)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#ff02cd
```
#ff02cd rgb(255,2,205)
```

Triadic Color

#02ff34
```
#02ff34 rgb(2,255,52)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#ff02cd
```
#ff02cd rgb(255,2,205)
```
#ff3402
```
#ff3402 rgb(255,52,2)
```

Tetradic Color

#0091b5
```
#0091b5 rgb(0,145,181)
```
#00a5ce
```
#00a5ce rgb(0,165,206)
```
#00bae8
```
#00bae8 rgb(0,186,232)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#1cd2ff
```
#1cd2ff rgb(28,210,255)
```
#35d7ff
```
#35d7ff rgb(53,215,255)
```
#4fdcff
```
#4fdcff rgb(79,220,255)
```

Monochromatic Color

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

#02fff2
```
#02fff2 rgb(2,255,242)
```
#02f7ff
```
#02f7ff rgb(2,247,255)
```
#02e2ff
```
#02e2ff rgb(2,226,255)
```
#02cdff
```
#02cdff rgb(2,205,255)
```
#02b8ff
```
#02b8ff rgb(2,184,255)
```
#02a3ff
```
#02a3ff rgb(2,163,255)
```
#028eff
```
#028eff rgb(2,142,255)
```

Similar Colors

Text with hexadecimal color #02cdff

This text has a font color of #02cdff.

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

#02cdff background color

This paragraph has a background color of #02cdff.

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

#02cdff border color

This element has a border color of #02cdff.

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

CSS codes

.text {color:#02cdff;}

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

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

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)
```
#005064
```
#005064 rgb(0,80,100)
```
#006078
```
#006078 rgb(0,96,120)
```
#00708b
```
#00708b rgb(0,112,139)
```
#00809f
```
#00809f rgb(0,128,159)
```
#008fb3
```
#008fb3 rgb(0,143,179)
```
#009fc6
```
#009fc6 rgb(0,159,198)
```
#00afda
```
#00afda rgb(0,175,218)
```
#00beed
```
#00beed rgb(0,190,237)
```

Shade Color Variation

#02cdff
```
#02cdff rgb(2,205,255)
```
#16d1ff
```
#16d1ff rgb(22,209,255)
```
#29d5ff
```
#29d5ff rgb(41,213,255)
```
#3dd9ff
```
#3dd9ff rgb(61,217,255)
```
#50ddff
```
#50ddff rgb(80,221,255)
```
#64e0ff
```
#64e0ff rgb(100,224,255)
```
#78e4ff
```
#78e4ff rgb(120,228,255)
```
#8be8ff
```
#8be8ff rgb(139,232,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 #02cdff 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)
```
#29b5d8
```
#29b5d8 rgb(41,181,216)
```
#1fbbe2
```
#1fbbe2 rgb(31,187,226)
```
#15c1ec
```
#15c1ec rgb(21,193,236)
```
#0cc7f5
```
#0cc7f5 rgb(12,199,245)
```
#02cdff
```
#02cdff rgb(2,205,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#78a1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bef3 Protanopia 1% of men
#a9beff Deuteranopia 1% of men
#00d3e1 Tritanopia 0.001% of the population

Trichromacy

#71c3f7 Protanomaly 1% of men, 0.01% of women
#6cc3ff Deuteranomaly 6% of men, 0.4% of women
#00d0ec Tritanomaly 0.01% of the population

#02cdff hex color

#02cdff Color Information

#02cdff Color Conversion

Color Schemes with #02cdff

Alternatives to #02cdff

#02cdff Preview

Shades and Tints of #02cdff

Tones of #02cdff

Color Blindness Simulator