#02d9fa hex color

In a RGB color space, hex #02d9fa is composed of 0.8% red, 85.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 13.2% magenta, 0% yellow and 2% black. It has a hue angle of 188 degrees, a saturation of 98.4% and a lightness of 49.4%. #02d9fa color hex could be obtained by blending #04ffff with #00b3f5. Closest websafe color is: #00ccff.

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

● #02d9fa color description : Vivid cyan.

The hexadecimal color #02d9fa has RGB values of R:2, G:217, B:250 and CMYK values of C:0.99, M:0.13, Y:0, K:0.02. Its decimal value is 186874.

Hex triplet	02d9fa	`#02d9fa`
RGB Decimal	2, 217, 250	`rgb(2,217,250)`
RGB Percent	0.8, 85.1, 98	`rgb(0.8%,85.1%,98%)`
CMYK	99, 13, 0, 2
HSL	188°, 98.4, 49.4	`hsl(188,98.4%,49.4%)`
HSV (or HSB)	188°, 99.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.918, -32.336, -28.466
XYZ	42.088, 56.536, 99.132
xyY	0.213, 0.286, 56.536
CIE-LCH	79.918, 43.08, 221.358
CIE-LUV	79.918, -58.255, -41.412
Hunter-Lab	75.191, -31.668, -25.535
Binary	00000010, 11011001, 11111010

#02d9fa
```
#02d9fa rgb(2,217,250)
```
#fa2302
```
#fa2302 rgb(250,35,2)
```

Complementary Color

#02fa9f
```
#02fa9f rgb(2,250,159)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#025dfa
```
#025dfa rgb(2,93,250)
```

Analogous Color

#fa9f02
```
#fa9f02 rgb(250,159,2)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#fa025d
```
#fa025d rgb(250,2,93)
```

Split Complementary Color

#d9fa02
```
#d9fa02 rgb(217,250,2)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#fa02d9
```
#fa02d9 rgb(250,2,217)
```

Triadic Color

#02fa23
```
#02fa23 rgb(2,250,35)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#fa02d9
```
#fa02d9 rgb(250,2,217)
```
#fa2302
```
#fa2302 rgb(250,35,2)
```

Tetradic Color

#0197ae
```
#0197ae rgb(1,151,174)
```
#02adc7
```
#02adc7 rgb(2,173,199)
```
#02c3e1
```
#02c3e1 rgb(2,195,225)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#18dffd
```
#18dffd rgb(24,223,253)
```
#32e2fd
```
#32e2fd rgb(50,226,253)
```
#4be6fe
```
#4be6fe rgb(75,230,254)
```

Monochromatic Color

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

#02fadd
```
#02fadd rgb(2,250,221)
```
#02faf2
```
#02faf2 rgb(2,250,242)
```
#02eefa
```
#02eefa rgb(2,238,250)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```
#02c4fa
```
#02c4fa rgb(2,196,250)
```
#02b0fa
```
#02b0fa rgb(2,176,250)
```
#029bfa
```
#029bfa rgb(2,155,250)
```

Similar Colors

Text with hexadecimal color #02d9fa

This text has a font color of #02d9fa.

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

#02d9fa background color

This paragraph has a background color of #02d9fa.

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

#02d9fa border color

This element has a border color of #02d9fa.

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

CSS codes

.text {color:#02d9fa;}

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

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

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, #000e10 is the darkest color, while #fcffff is the lightest one.

#000e10
```
#000e10 rgb(0,14,16)
```
#001f24
```
#001f24 rgb(0,31,36)
```
#003037
```
#003037 rgb(0,48,55)
```
#01414b
```
#01414b rgb(1,65,75)
```
#01525e
```
#01525e rgb(1,82,94)
```
#016372
```
#016372 rgb(1,99,114)
```
#017485
```
#017485 rgb(1,116,133)
```
#018599
```
#018599 rgb(1,133,153)
```
#0195ac
```
#0195ac rgb(1,149,172)
```
#02a6c0
```
#02a6c0 rgb(2,166,192)
```
#02b7d3
```
#02b7d3 rgb(2,183,211)
```
#02c8e7
```
#02c8e7 rgb(2,200,231)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```

Shade Color Variation

#13defd
```
#13defd rgb(19,222,253)
```
#26e1fd
```
#26e1fd rgb(38,225,253)
```
#39e3fd
```
#39e3fd rgb(57,227,253)
```
#4de6fe
```
#4de6fe rgb(77,230,254)
```
#60e9fe
```
#60e9fe rgb(96,233,254)
```
#74ecfe
```
#74ecfe rgb(116,236,254)
```
#87eefe
```
#87eefe rgb(135,238,254)
```
#9bf1fe
```
#9bf1fe rgb(155,241,254)
```
#aef4fe
```
#aef4fe rgb(174,244,254)
```
#c2f6ff
```
#c2f6ff rgb(194,246,255)
```
#d5f9ff
```
#d5f9ff rgb(213,249,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#768486
```
#768486 rgb(118,132,134)
```
#6d8b8f
```
#6d8b8f rgb(109,139,143)
```
#639299
```
#639299 rgb(99,146,153)
```
#5999a3
```
#5999a3 rgb(89,153,163)
```
#50a0ac
```
#50a0ac rgb(80,160,172)
```
#46a7b6
```
#46a7b6 rgb(70,167,182)
```
#3caec0
```
#3caec0 rgb(60,174,192)
```
#32b5ca
```
#32b5ca rgb(50,181,202)
```
#29bdd3
```
#29bdd3 rgb(41,189,211)
```
#1fc4dd
```
#1fc4dd rgb(31,196,221)
```
#15cbe7
```
#15cbe7 rgb(21,203,231)
```
#0cd2f0
```
#0cd2f0 rgb(12,210,240)
```
#02d9fa
```
#02d9fa rgb(2,217,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7da8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c7ed Protanopia 1% of men
#bbc6ff Deuteranopia 1% of men
#00dcec Tritanopia 0.001% of the population

Trichromacy

#7bcdf2 Protanomaly 1% of men, 0.01% of women
#78cdfd Deuteranomaly 6% of men, 0.4% of women
#00dbf1 Tritanomaly 0.01% of the population

#02d9fa hex color

#02d9fa Color Information

#02d9fa Color Conversion

Color Schemes with #02d9fa

Alternatives to #02d9fa

#02d9fa Preview

Shades and Tints of #02d9fa

Tones of #02d9fa

Color Blindness Simulator