#02fdf8 hex color

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

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

● #02fdf8 color description : Vivid cyan.

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

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

CIE-LAB	90.338, -49.183, -11.663
XYZ	52.088, 77.035, 100.926
xyY	0.226, 0.335, 77.035
CIE-LCH	90.338, 50.547, 193.34
CIE-LUV	90.338, -70.339, -10.928
Hunter-Lab	87.77, -47.664, -6.738
Binary	00000010, 11111101, 11111000

#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#fd0207
```
#fd0207 rgb(253,2,7)
```

Complementary Color

#02fd7b
```
#02fd7b rgb(2,253,123)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#0285fd
```
#0285fd rgb(2,133,253)
```

Analogous Color

#fd7b02
```
#fd7b02 rgb(253,123,2)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#fd0285
```
#fd0285 rgb(253,2,133)
```

Split Complementary Color

#fdf802
```
#fdf802 rgb(253,248,2)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#f802fd
```
#f802fd rgb(248,2,253)
```

Triadic Color

#07fd02
```
#07fd02 rgb(7,253,2)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#f802fd
```
#f802fd rgb(248,2,253)
```
#fd0207
```
#fd0207 rgb(253,2,7)
```

Tetradic Color

#01b1ae
```
#01b1ae rgb(1,177,174)
```
#02cac6
```
#02cac6 rgb(2,202,198)
```
#02e4df
```
#02e4df rgb(2,228,223)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#1bfdf9
```
#1bfdf9 rgb(27,253,249)
```
#35fdf9
```
#35fdf9 rgb(53,253,249)
```
#4efefa
```
#4efefa rgb(78,254,250)
```

Monochromatic Color

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

#02fdb9
```
#02fdb9 rgb(2,253,185)
```
#02fdce
```
#02fdce rgb(2,253,206)
```
#02fde3
```
#02fde3 rgb(2,253,227)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```
#02edfd
```
#02edfd rgb(2,237,253)
```
#02d8fd
```
#02d8fd rgb(2,216,253)
```
#02c3fd
```
#02c3fd rgb(2,195,253)
```

Similar Colors

Text with hexadecimal color #02fdf8

This text has a font color of #02fdf8.

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

#02fdf8 background color

This paragraph has a background color of #02fdf8.

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

#02fdf8 border color

This element has a border color of #02fdf8.

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

CSS codes

.text {color:#02fdf8;}

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

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

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)
```
#014e4c
```
#014e4c rgb(1,78,76)
```
#01615f
```
#01615f rgb(1,97,95)
```
#017572
```
#017572 rgb(1,117,114)
```
#018886
```
#018886 rgb(1,136,134)
```
#019c99
```
#019c99 rgb(1,156,153)
```
#01afac
```
#01afac rgb(1,175,172)
```
#02c3bf
```
#02c3bf rgb(2,195,191)
```
#02d6d2
```
#02d6d2 rgb(2,214,210)
```
#02eae5
```
#02eae5 rgb(2,234,229)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```

Shade Color Variation

#15fdf9
```
#15fdf9 rgb(21,253,249)
```
#29fdf9
```
#29fdf9 rgb(41,253,249)
```
#3cfdfa
```
#3cfdfa rgb(60,253,250)
```
#50fefa
```
#50fefa rgb(80,254,250)
```
#63fefb
```
#63fefb rgb(99,254,251)
```
#77fefb
```
#77fefb rgb(119,254,251)
```
#8afefc
```
#8afefc rgb(138,254,252)
```
#9efefc
```
#9efefc rgb(158,254,252)
```
#b1fefd
```
#b1fefd rgb(177,254,253)
```
#c5fffd
```
#c5fffd rgb(197,255,253)
```
#d8fffe
```
#d8fffe rgb(216,255,254)
```
#ecfffe
```
#ecfffe rgb(236,255,254)
```
#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 #02fdf8 is the most saturated one.

#788787
```
#788787 rgb(120,135,135)
```
#6e9190
```
#6e9190 rgb(110,145,144)
```
#649b9a
```
#649b9a rgb(100,155,154)
```
#5aa5a3
```
#5aa5a3 rgb(90,165,163)
```
#50afad
```
#50afad rgb(80,175,173)
```
#47b8b6
```
#47b8b6 rgb(71,184,182)
```
#3dc2bf
```
#3dc2bf rgb(61,194,191)
```
#33ccc9
```
#33ccc9 rgb(51,204,201)
```
#29d6d2
```
#29d6d2 rgb(41,214,210)
```
#1fe0dc
```
#1fe0dc rgb(31,224,220)
```
#16e9e5
```
#16e9e5 rgb(22,233,229)
```
#0cf3ef
```
#0cf3ef rgb(12,243,239)
```
#02fdf8
```
#02fdf8 rgb(2,253,248)
```

Tone Color Variation

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

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

Trichromacy

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

#02fdf8 hex color

#02fdf8 Color Information

#02fdf8 Color Conversion

Color Schemes with #02fdf8

Alternatives to #02fdf8

#02fdf8 Preview

Shades and Tints of #02fdf8

Tones of #02fdf8

Color Blindness Simulator