#02dffd hex color

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

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

● #02dffd color description : Vivid cyan.

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

Hex triplet	02dffd	`#02dffd`
RGB Decimal	2, 223, 253	`rgb(2,223,253)`
RGB Percent	0.8, 87.5, 99.2	`rgb(0.8%,87.5%,99.2%)`
CMYK	99, 12, 0, 1
HSL	187.2°, 98.4, 50	`hsl(187.2,98.4%,50%)`
HSV (or HSB)	187.2°, 99.2, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.771, -34.233, -27.222
XYZ	44.137, 59.876, 102.154
xyY	0.214, 0.29, 59.876
CIE-LCH	81.771, 43.737, 218.492
CIE-LUV	81.771, -60.015, -39.113
Hunter-Lab	77.379, -33.597, -24.107
Binary	00000010, 11011111, 11111101

#02dffd
```
#02dffd rgb(2,223,253)
```
#fd2002
```
#fd2002 rgb(253,32,2)
```

Complementary Color

#02fd9e
```
#02fd9e rgb(2,253,158)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#0261fd
```
#0261fd rgb(2,97,253)
```

Analogous Color

#fd9e02
```
#fd9e02 rgb(253,158,2)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#fd0262
```
#fd0262 rgb(253,2,98)
```

Split Complementary Color

#dffd02
```
#dffd02 rgb(223,253,2)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#fd02df
```
#fd02df rgb(253,2,223)
```

Triadic Color

#02fd20
```
#02fd20 rgb(2,253,32)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#fd02df
```
#fd02df rgb(253,2,223)
```
#fd2002
```
#fd2002 rgb(253,32,2)
```

Tetradic Color

#019cb1
```
#019cb1 rgb(1,156,177)
```
#02b2ca
```
#02b2ca rgb(2,178,202)
```
#02c9e4
```
#02c9e4 rgb(2,201,228)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#1be2fd
```
#1be2fd rgb(27,226,253)
```
#35e5fd
```
#35e5fd rgb(53,229,253)
```
#4ee9fe
```
#4ee9fe rgb(78,233,254)
```

Monochromatic Color

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

#02fddc
```
#02fddc rgb(2,253,220)
```
#02fdf1
```
#02fdf1 rgb(2,253,241)
```
#02f4fd
```
#02f4fd rgb(2,244,253)
```
#02dffd
```
#02dffd rgb(2,223,253)
```
#02cafd
```
#02cafd rgb(2,202,253)
```
#02b5fd
```
#02b5fd rgb(2,181,253)
```
#02a0fd
```
#02a0fd rgb(2,160,253)
```

Similar Colors

Text with hexadecimal color #02dffd

This text has a font color of #02dffd.

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

#02dffd background color

This paragraph has a background color of #02dffd.

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

#02dffd border color

This element has a border color of #02dffd.

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

CSS codes

.text {color:#02dffd;}

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

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

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

#001113
```
#001113 rgb(0,17,19)
```
#002227
```
#002227 rgb(0,34,39)
```
#00333a
```
#00333a rgb(0,51,58)
```
#01454e
```
#01454e rgb(1,69,78)
```
#015661
```
#015661 rgb(1,86,97)
```
#016775
```
#016775 rgb(1,103,117)
```
#017888
```
#017888 rgb(1,120,136)
```
#01899c
```
#01899c rgb(1,137,156)
```
#019aaf
```
#019aaf rgb(1,154,175)
```
#02acc3
```
#02acc3 rgb(2,172,195)
```
#02bdd6
```
#02bdd6 rgb(2,189,214)
```
#02ceea
```
#02ceea rgb(2,206,234)
```
#02dffd
```
#02dffd rgb(2,223,253)
```

Shade Color Variation

#15e1fd
```
#15e1fd rgb(21,225,253)
```
#29e4fd
```
#29e4fd rgb(41,228,253)
```
#3ce6fd
```
#3ce6fd rgb(60,230,253)
```
#50e9fe
```
#50e9fe rgb(80,233,254)
```
#63ebfe
```
#63ebfe rgb(99,235,254)
```
#77eefe
```
#77eefe rgb(119,238,254)
```
#8af0fe
```
#8af0fe rgb(138,240,254)
```
#9ef3fe
```
#9ef3fe rgb(158,243,254)
```
#b1f5fe
```
#b1f5fe rgb(177,245,254)
```
#c5f8ff
```
#c5f8ff rgb(197,248,255)
```
#d8faff
```
#d8faff rgb(216,250,255)
```
#ecfdff
```
#ecfdff rgb(236,253,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#788587
```
#788587 rgb(120,133,135)
```
#6e8d91
```
#6e8d91 rgb(110,141,145)
```
#64949b
```
#64949b rgb(100,148,155)
```
#5a9ca5
```
#5a9ca5 rgb(90,156,165)
```
#50a3af
```
#50a3af rgb(80,163,175)
```
#47abb8
```
#47abb8 rgb(71,171,184)
```
#3db2c2
```
#3db2c2 rgb(61,178,194)
```
#33bacc
```
#33bacc rgb(51,186,204)
```
#29c1d6
```
#29c1d6 rgb(41,193,214)
```
#1fc9e0
```
#1fc9e0 rgb(31,201,224)
```
#16d0e9
```
#16d0e9 rgb(22,208,233)
```
#0cd8f3
```
#0cd8f3 rgb(12,216,243)
```
#02dffd
```
#02dffd rgb(2,223,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#80adb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccf0 Protanopia 1% of men
#c3cbff Deuteranopia 1% of men
#00e1f2 Tritanopia 0.001% of the population

Trichromacy

#7ed3f4 Protanomaly 1% of men, 0.01% of women
#7cd2fe Deuteranomaly 6% of men, 0.4% of women
#00e0f6 Tritanomaly 0.01% of the population

#02dffd hex color

#02dffd Color Information

#02dffd Color Conversion

Color Schemes with #02dffd

Alternatives to #02dffd

#02dffd Preview

Shades and Tints of #02dffd

Tones of #02dffd

Color Blindness Simulator