#02fdff hex color

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

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

● #02fdff color description : Vivid cyan.

The hexadecimal color #02fdff has RGB values of R:2, G:253, B:255 and CMYK values of C:0.99, M:0.01, Y:0, K:0. Its decimal value is 196095.

Hex triplet	02fdff	`#02fdff`
RGB Decimal	2, 253, 255	`rgb(2,253,255)`
RGB Percent	0.8, 99.2, 100	`rgb(0.8%,99.2%,100%)`
CMYK	99, 1, 0, 0
HSL	180.5°, 100, 50.4	`hsl(180.5,100%,50.4%)`
HSV (or HSB)	180.5°, 99.2, 100
Web Safe	00ffff	`#00ffff`

CIE-LAB	90.541, -47.182, -14.996
XYZ	53.195, 77.478, 106.753
xyY	0.224, 0.326, 77.478
CIE-LCH	90.541, 49.508, 197.632
CIE-LUV	90.541, -69.772, -16.776
Hunter-Lab	88.022, -46.164, -10.292
Binary	00000010, 11111101, 11111111

#02fdff
```
#02fdff rgb(2,253,255)
```
#ff0402
```
#ff0402 rgb(255,4,2)
```

Complementary Color

#02ff83
```
#02ff83 rgb(2,255,131)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#027fff
```
#027fff rgb(2,127,255)
```

Analogous Color

#ff8302
```
#ff8302 rgb(255,131,2)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#ff027f
```
#ff027f rgb(255,2,127)
```

Split Complementary Color

#fdff02
```
#fdff02 rgb(253,255,2)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#ff02fd
```
#ff02fd rgb(255,2,253)
```

Triadic Color

#02ff04
```
#02ff04 rgb(2,255,4)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#ff02fd
```
#ff02fd rgb(255,2,253)
```
#ff0402
```
#ff0402 rgb(255,4,2)
```

Tetradic Color

#00b3b5
```
#00b3b5 rgb(0,179,181)
```
#00ccce
```
#00ccce rgb(0,204,206)
```
#00e6e8
```
#00e6e8 rgb(0,230,232)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#1cfdff
```
#1cfdff rgb(28,253,255)
```
#35fdff
```
#35fdff rgb(53,253,255)
```
#4ffeff
```
#4ffeff rgb(79,254,255)
```

Monochromatic Color

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

#02ffc2
```
#02ffc2 rgb(2,255,194)
```
#02ffd7
```
#02ffd7 rgb(2,255,215)
```
#02ffec
```
#02ffec rgb(2,255,236)
```
#02fdff
```
#02fdff rgb(2,253,255)
```
#02e8ff
```
#02e8ff rgb(2,232,255)
```
#02d3ff
```
#02d3ff rgb(2,211,255)
```
#02beff
```
#02beff rgb(2,190,255)
```

Similar Colors

Text with hexadecimal color #02fdff

This text has a font color of #02fdff.

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

#02fdff background color

This paragraph has a background color of #02fdff.

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

#02fdff border color

This element has a border color of #02fdff.

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

CSS codes

.text {color:#02fdff;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001516
```
#001516 rgb(0,21,22)
```
#002929
```
#002929 rgb(0,41,41)
```
#003c3d
```
#003c3d rgb(0,60,61)
```
#005050
```
#005050 rgb(0,80,80)
```
#006364
```
#006364 rgb(0,99,100)
```
#007778
```
#007778 rgb(0,119,120)
```
#008a8b
```
#008a8b rgb(0,138,139)
```
#009e9f
```
#009e9f rgb(0,158,159)
```
#00b1b3
```
#00b1b3 rgb(0,177,179)
```
#00c5c6
```
#00c5c6 rgb(0,197,198)
```
#00d8da
```
#00d8da rgb(0,216,218)
```
#00eced
```
#00eced rgb(0,236,237)
```

Shade Color Variation

#02fdff
```
#02fdff rgb(2,253,255)
```
#16fdff
```
#16fdff rgb(22,253,255)
```
#29fdff
```
#29fdff rgb(41,253,255)
```
#3dfdff
```
#3dfdff rgb(61,253,255)
```
#50feff
```
#50feff rgb(80,254,255)
```
#64feff
```
#64feff rgb(100,254,255)
```
#78feff
```
#78feff rgb(120,254,255)
```
#8bfeff
```
#8bfeff rgb(139,254,255)
```
#9ffeff
```
#9ffeff rgb(159,254,255)
```
#b3feff
```
#b3feff rgb(179,254,255)
```
#c6ffff
```
#c6ffff rgb(198,255,255)
```
#daffff
```
#daffff rgb(218,255,255)
```
#edffff
```
#edffff rgb(237,255,255)
```

Tint Color Variation

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

#778a8a
```
#778a8a rgb(119,138,138)
```
#6d9494
```
#6d9494 rgb(109,148,148)
```
#639d9e
```
#639d9e rgb(99,157,158)
```
#5aa7a7
```
#5aa7a7 rgb(90,167,167)
```
#50b0b1
```
#50b0b1 rgb(80,176,177)
```
#46babb
```
#46babb rgb(70,186,187)
```
#3cc4c5
```
#3cc4c5 rgb(60,196,197)
```
#33cdce
```
#33cdce rgb(51,205,206)
```
#29d7d8
```
#29d7d8 rgb(41,215,216)
```
#1fe0e2
```
#1fe0e2 rgb(31,224,226)
```
#15eaec
```
#15eaec rgb(21,234,236)
```
#0cf3f5
```
#0cf3f5 rgb(12,243,245)
```
#02fdff
```
#02fdff rgb(2,253,255)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#8fc1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3f0 Protanopia 1% of men
#e7e1ff Deuteranopia 1% of men
#9cf2ff Tritanopia 0.001% of the population

Trichromacy

#92edf5 Protanomaly 1% of men, 0.01% of women
#93ebff Deuteranomaly 6% of men, 0.4% of women
#64f6ff Tritanomaly 0.01% of the population

#02fdff hex color

#02fdff Color Information

#02fdff Color Conversion

Color Schemes with #02fdff

Alternatives to #02fdff

#02fdff Preview

Shades and Tints of #02fdff

Tones of #02fdff

Color Blindness Simulator