#02fdf9 hex color

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

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

● #02fdf9 color description : Vivid cyan.

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

Hex triplet	02fdf9	`#02fdf9`
RGB Decimal	2, 253, 249	`rgb(2,253,249)`
RGB Percent	0.8, 99.2, 97.6	`rgb(0.8%,99.2%,97.6%)`
CMYK	99, 0, 2, 1
HSL	179°, 98.4, 50	`hsl(179,98.4%,50%)`
HSV (or HSB)	179°, 99.2, 99.2
Web Safe	00ffff	`#00ffff`

CIE-LAB	90.366, -48.9, -12.14
XYZ	52.244, 77.098, 101.745
xyY	0.226, 0.334, 77.098
CIE-LCH	90.366, 50.384, 193.943
CIE-LUV	90.366, -70.258, -11.761
Hunter-Lab	87.805, -47.452, -7.239
Binary	00000010, 11111101, 11111001

#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#fd0206
```
#fd0206 rgb(253,2,6)
```

Complementary Color

#02fd7c
```
#02fd7c rgb(2,253,124)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#0284fd
```
#0284fd rgb(2,132,253)
```

Analogous Color

#fd7c02
```
#fd7c02 rgb(253,124,2)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#fd0284
```
#fd0284 rgb(253,2,132)
```

Split Complementary Color

#fdf902
```
#fdf902 rgb(253,249,2)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#f902fd
```
#f902fd rgb(249,2,253)
```

Triadic Color

#06fd02
```
#06fd02 rgb(6,253,2)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#f902fd
```
#f902fd rgb(249,2,253)
```
#fd0206
```
#fd0206 rgb(253,2,6)
```

Tetradic Color

#01b1ae
```
#01b1ae rgb(1,177,174)
```
#02cac7
```
#02cac7 rgb(2,202,199)
```
#02e4e0
```
#02e4e0 rgb(2,228,224)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#1bfdfa
```
#1bfdfa rgb(27,253,250)
```
#35fdfa
```
#35fdfa rgb(53,253,250)
```
#4efefb
```
#4efefb rgb(78,254,251)
```

Monochromatic Color

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

#02fdba
```
#02fdba rgb(2,253,186)
```
#02fdcf
```
#02fdcf rgb(2,253,207)
```
#02fde4
```
#02fde4 rgb(2,253,228)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```
#02ecfd
```
#02ecfd rgb(2,236,253)
```
#02d7fd
```
#02d7fd rgb(2,215,253)
```
#02c2fd
```
#02c2fd rgb(2,194,253)
```

Similar Colors

Text with hexadecimal color #02fdf9

This text has a font color of #02fdf9.

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

#02fdf9 background color

This paragraph has a background color of #02fdf9.

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

#02fdf9 border color

This element has a border color of #02fdf9.

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

CSS codes

.text {color:#02fdf9;}

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

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

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

#001313
```
#001313 rgb(0,19,19)
```
#002726
```
#002726 rgb(0,39,38)
```
#003a39
```
#003a39 rgb(0,58,57)
```
#014e4d
```
#014e4d rgb(1,78,77)
```
#016160
```
#016160 rgb(1,97,96)
```
#017573
```
#017573 rgb(1,117,115)
```
#018886
```
#018886 rgb(1,136,134)
```
#019c99
```
#019c99 rgb(1,156,153)
```
#01afac
```
#01afac rgb(1,175,172)
```
#02c3c0
```
#02c3c0 rgb(2,195,192)
```
#02d6d3
```
#02d6d3 rgb(2,214,211)
```
#02eae6
```
#02eae6 rgb(2,234,230)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```

Shade Color Variation

#15fdf9
```
#15fdf9 rgb(21,253,249)
```
#29fdfa
```
#29fdfa rgb(41,253,250)
```
#3cfdfa
```
#3cfdfa rgb(60,253,250)
```
#50fefb
```
#50fefb rgb(80,254,251)
```
#63fefb
```
#63fefb rgb(99,254,251)
```
#77fefc
```
#77fefc rgb(119,254,252)
```
#8afefc
```
#8afefc rgb(138,254,252)
```
#9efefd
```
#9efefd rgb(158,254,253)
```
#b1fefd
```
#b1fefd rgb(177,254,253)
```
#c5fffe
```
#c5fffe rgb(197,255,254)
```
#d8fffe
```
#d8fffe rgb(216,255,254)
```
#ecffff
```
#ecffff rgb(236,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788787
```
#788787 rgb(120,135,135)
```
#6e9191
```
#6e9191 rgb(110,145,145)
```
#649b9a
```
#649b9a rgb(100,155,154)
```
#5aa5a4
```
#5aa5a4 rgb(90,165,164)
```
#50afad
```
#50afad rgb(80,175,173)
```
#47b8b7
```
#47b8b7 rgb(71,184,183)
```
#3dc2c0
```
#3dc2c0 rgb(61,194,192)
```
#33ccca
```
#33ccca rgb(51,204,202)
```
#29d6d3
```
#29d6d3 rgb(41,214,211)
```
#1fe0dd
```
#1fe0dd rgb(31,224,221)
```
#16e9e6
```
#16e9e6 rgb(22,233,230)
```
#0cf3f0
```
#0cf3f0 rgb(12,243,240)
```
#02fdf9
```
#02fdf9 rgb(2,253,249)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#8ec0bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e3eb Protanopia 1% of men
#e9e0ff Deuteranopia 1% of men
#9af2ff Tritanopia 0.001% of the population

Trichromacy

#93ecf0 Protanomaly 1% of men, 0.01% of women
#95eafc Deuteranomaly 6% of men, 0.4% of women
#63f6fc Tritanomaly 0.01% of the population

#02fdf9 hex color

#02fdf9 Color Information

#02fdf9 Color Conversion

Color Schemes with #02fdf9

Alternatives to #02fdf9

#02fdf9 Preview

Shades and Tints of #02fdf9

Tones of #02fdf9

Color Blindness Simulator