#02d7fa hex color

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

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

● #02d7fa color description : Vivid cyan.

The hexadecimal color #02d7fa has RGB values of R:2, G:215, B:250 and CMYK values of C:0.99, M:0.14, Y:0, K:0.02. Its decimal value is 186362.

Hex triplet	02d7fa	`#02d7fa`
RGB Decimal	2, 215, 250	`rgb(2,215,250)`
RGB Percent	0.8, 84.3, 98	`rgb(0.8%,84.3%,98%)`
CMYK	99, 14, 0, 2
HSL	188.5°, 98.4, 49.4	`hsl(188.5,98.4%,49.4%)`
HSV (or HSB)	188.5°, 99.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.335, -31.375, -29.359
XYZ	41.576, 55.512, 98.961
xyY	0.212, 0.283, 55.512
CIE-LCH	79.335, 42.97, 223.099
CIE-LUV	79.335, -57.588, -43.045
Hunter-Lab	74.506, -30.779, -26.596
Binary	00000010, 11010111, 11111010

#02d7fa
```
#02d7fa rgb(2,215,250)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```

Complementary Color

#02faa1
```
#02faa1 rgb(2,250,161)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#025bfa
```
#025bfa rgb(2,91,250)
```

Analogous Color

#faa102
```
#faa102 rgb(250,161,2)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#fa025b
```
#fa025b rgb(250,2,91)
```

Split Complementary Color

#d7fa02
```
#d7fa02 rgb(215,250,2)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#fa02d7
```
#fa02d7 rgb(250,2,215)
```

Triadic Color

#02fa25
```
#02fa25 rgb(2,250,37)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#fa02d7
```
#fa02d7 rgb(250,2,215)
```
#fa2502
```
#fa2502 rgb(250,37,2)
```

Tetradic Color

#0196ae
```
#0196ae rgb(1,150,174)
```
#02abc7
```
#02abc7 rgb(2,171,199)
```
#02c1e1
```
#02c1e1 rgb(2,193,225)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#18ddfd
```
#18ddfd rgb(24,221,253)
```
#32e1fd
```
#32e1fd rgb(50,225,253)
```
#4be4fe
```
#4be4fe rgb(75,228,254)
```

Monochromatic Color

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

#02fadf
```
#02fadf rgb(2,250,223)
```
#02faf4
```
#02faf4 rgb(2,250,244)
```
#02ecfa
```
#02ecfa rgb(2,236,250)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```
#02c2fa
```
#02c2fa rgb(2,194,250)
```
#02aefa
```
#02aefa rgb(2,174,250)
```
#0299fa
```
#0299fa rgb(2,153,250)
```

Similar Colors

Text with hexadecimal color #02d7fa

This text has a font color of #02d7fa.

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

#02d7fa background color

This paragraph has a background color of #02d7fa.

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

#02d7fa border color

This element has a border color of #02d7fa.

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

CSS codes

.text {color:#02d7fa;}

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

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

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)
```
#01404b
```
#01404b rgb(1,64,75)
```
#01515e
```
#01515e rgb(1,81,94)
```
#016272
```
#016272 rgb(1,98,114)
```
#017385
```
#017385 rgb(1,115,133)
```
#018399
```
#018399 rgb(1,131,153)
```
#0194ac
```
#0194ac rgb(1,148,172)
```
#02a5c0
```
#02a5c0 rgb(2,165,192)
```
#02b6d3
```
#02b6d3 rgb(2,182,211)
```
#02c6e7
```
#02c6e7 rgb(2,198,231)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```

Shade Color Variation

#13dcfd
```
#13dcfd rgb(19,220,253)
```
#26dffd
```
#26dffd rgb(38,223,253)
```
#39e2fd
```
#39e2fd rgb(57,226,253)
```
#4de5fe
```
#4de5fe rgb(77,229,254)
```
#60e8fe
```
#60e8fe rgb(96,232,254)
```
#74eafe
```
#74eafe rgb(116,234,254)
```
#87edfe
```
#87edfe rgb(135,237,254)
```
#9bf0fe
```
#9bf0fe rgb(155,240,254)
```
#aef3fe
```
#aef3fe rgb(174,243,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 #02d7fa is the most saturated one.

#768486
```
#768486 rgb(118,132,134)
```
#6d8a8f
```
#6d8a8f rgb(109,138,143)
```
#639199
```
#639199 rgb(99,145,153)
```
#5998a3
```
#5998a3 rgb(89,152,163)
```
#509fac
```
#509fac rgb(80,159,172)
```
#46a6b6
```
#46a6b6 rgb(70,166,182)
```
#3cadc0
```
#3cadc0 rgb(60,173,192)
```
#32b4ca
```
#32b4ca rgb(50,180,202)
```
#29bbd3
```
#29bbd3 rgb(41,187,211)
```
#1fc2dd
```
#1fc2dd rgb(31,194,221)
```
#15c9e7
```
#15c9e7 rgb(21,201,231)
```
#0cd0f0
```
#0cd0f0 rgb(12,208,240)
```
#02d7fa
```
#02d7fa rgb(2,215,250)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#7ca7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec5ed Protanopia 1% of men
#b8c4ff Deuteranopia 1% of men
#00daea Tritanopia 0.001% of the population

Trichromacy

#79ccf2 Protanomaly 1% of men, 0.01% of women
#76cbfd Deuteranomaly 6% of men, 0.4% of women
#00d9f0 Tritanomaly 0.01% of the population

#02d7fa hex color

#02d7fa Color Information

#02d7fa Color Conversion

Color Schemes with #02d7fa

Alternatives to #02d7fa

#02d7fa Preview

Shades and Tints of #02d7fa

Tones of #02d7fa

Color Blindness Simulator