#02dafa hex color

In a RGB color space, hex #02dafa is composed of 0.8% red, 85.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 12.8% magenta, 0% yellow and 2% black. It has a hue angle of 187.7 degrees, a saturation of 98.4% and a lightness of 49.4%. #02dafa color hex could be obtained by blending #04ffff with #00b5f5. 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

● #02dafa color description : Vivid cyan.

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

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

CIE-LAB	80.21, -32.813, -28.019
XYZ	42.347, 57.054, 99.218
xyY	0.213, 0.287, 57.054
CIE-LCH	80.21, 43.148, 220.494
CIE-LUV	80.21, -58.589, -40.596
Hunter-Lab	75.534, -32.111, -25.007
Binary	00000010, 11011010, 11111010

#02dafa
```
#02dafa rgb(2,218,250)
```
#fa2202
```
#fa2202 rgb(250,34,2)
```

Complementary Color

#02fa9e
```
#02fa9e rgb(2,250,158)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#025efa
```
#025efa rgb(2,94,250)
```

Analogous Color

#fa9e02
```
#fa9e02 rgb(250,158,2)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#fa025e
```
#fa025e rgb(250,2,94)
```

Split Complementary Color

#dafa02
```
#dafa02 rgb(218,250,2)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#fa02da
```
#fa02da rgb(250,2,218)
```

Triadic Color

#02fa22
```
#02fa22 rgb(2,250,34)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#fa02da
```
#fa02da rgb(250,2,218)
```
#fa2202
```
#fa2202 rgb(250,34,2)
```

Tetradic Color

#0198ae
```
#0198ae rgb(1,152,174)
```
#02aec7
```
#02aec7 rgb(2,174,199)
```
#02c4e1
```
#02c4e1 rgb(2,196,225)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#18e0fd
```
#18e0fd rgb(24,224,253)
```
#32e3fd
```
#32e3fd rgb(50,227,253)
```
#4be7fe
```
#4be7fe rgb(75,231,254)
```

Monochromatic Color

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

#02fadc
```
#02fadc rgb(2,250,220)
```
#02faf1
```
#02faf1 rgb(2,250,241)
```
#02effa
```
#02effa rgb(2,239,250)
```
#02dafa
```
#02dafa rgb(2,218,250)
```
#02c5fa
```
#02c5fa rgb(2,197,250)
```
#02b1fa
```
#02b1fa rgb(2,177,250)
```
#029cfa
```
#029cfa rgb(2,156,250)
```

Similar Colors

Text with hexadecimal color #02dafa

This text has a font color of #02dafa.

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

#02dafa background color

This paragraph has a background color of #02dafa.

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

#02dafa border color

This element has a border color of #02dafa.

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

CSS codes

.text {color:#02dafa;}

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

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

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)
```
#0196ac
```
#0196ac rgb(1,150,172)
```
#02a7c0
```
#02a7c0 rgb(2,167,192)
```
#02b8d3
```
#02b8d3 rgb(2,184,211)
```
#02c9e7
```
#02c9e7 rgb(2,201,231)
```
#02dafa
```
#02dafa rgb(2,218,250)
```

Shade Color Variation

#13dffd
```
#13dffd rgb(19,223,253)
```
#26e1fd
```
#26e1fd rgb(38,225,253)
```
#39e4fd
```
#39e4fd rgb(57,228,253)
```
#4de7fe
```
#4de7fe rgb(77,231,254)
```
#60e9fe
```
#60e9fe rgb(96,233,254)
```
#74ecfe
```
#74ecfe rgb(116,236,254)
```
#87effe
```
#87effe rgb(135,239,254)
```
#9bf1fe
```
#9bf1fe rgb(155,241,254)
```
#aef4fe
```
#aef4fe rgb(174,244,254)
```
#c2f7ff
```
#c2f7ff rgb(194,247,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 #02dafa 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)
```
#46a8b6
```
#46a8b6 rgb(70,168,182)
```
#3cafc0
```
#3cafc0 rgb(60,175,192)
```
#32b6ca
```
#32b6ca rgb(50,182,202)
```
#29bdd3
```
#29bdd3 rgb(41,189,211)
```
#1fc4dd
```
#1fc4dd rgb(31,196,221)
```
#15cce7
```
#15cce7 rgb(21,204,231)
```
#0cd3f0
```
#0cd3f0 rgb(12,211,240)
```
#02dafa
```
#02dafa rgb(2,218,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#7ea9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c8ed Protanopia 1% of men
#bcc7ff Deuteranopia 1% of men
#00dded Tritanopia 0.001% of the population

Trichromacy

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

#02dafa hex color

#02dafa Color Information

#02dafa Color Conversion

Color Schemes with #02dafa

Alternatives to #02dafa

#02dafa Preview

Shades and Tints of #02dafa

Tones of #02dafa

Color Blindness Simulator