colorhexa.com

#02f8fa hex color

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

- R 1
- G 97
- B 98
RGB color chart
- C 99
- M 1
- Y 0
- K 2
CMYK color chart

● #02f8fa color description : Vivid cyan.

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

Hex triplet	02f8fa	`#02f8fa`
RGB Decimal	2, 248, 250	`rgb(2,248,250)`
RGB Percent	0.8, 97.3, 98	`rgb(0.8%,97.3%,98%)`
CMYK	99, 1, 0, 2
HSL	180.5°, 98.4, 49.4	`hsl(180.5,98.4%,49.4%)`
HSV (or HSB)	180.5°, 99.2, 98
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.944, -46.461, -14.788
XYZ	50.842, 74.045, 102.05
xyY	0.224, 0.326, 74.045
CIE-LCH	88.944, 48.758, 197.656
CIE-LUV	88.944, -68.535, -16.511
Hunter-Lab	86.049, -45.119, -10.08
Binary	00000010, 11111000, 11111010

#02f8fa
```
#02f8fa rgb(2,248,250)
```
#fa0402
```
#fa0402 rgb(250,4,2)
```

Complementary Color

#02fa80
```
#02fa80 rgb(2,250,128)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```
#027cfa
```
#027cfa rgb(2,124,250)
```

Analogous Color

#fa8002
```
#fa8002 rgb(250,128,2)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```
#fa027c
```
#fa027c rgb(250,2,124)
```

Split Complementary Color

#f8fa02
```
#f8fa02 rgb(248,250,2)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```
#fa02f8
```
#fa02f8 rgb(250,2,248)
```

Triadic Color

#01adae
```
#01adae rgb(1,173,174)
```
#02c6c7
```
#02c6c7 rgb(2,198,199)
```
#02dfe1
```
#02dfe1 rgb(2,223,225)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```
#18fbfd
```
#18fbfd rgb(24,251,253)
```
#32fcfd
```
#32fcfd rgb(50,252,253)
```
#4bfcfe
```
#4bfcfe rgb(75,252,254)
```

Monochromatic Color

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

#02fabe
```
#02fabe rgb(2,250,190)
```
#02fad3
```
#02fad3 rgb(2,250,211)
```
#02fae7
```
#02fae7 rgb(2,250,231)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```
#02e3fa
```
#02e3fa rgb(2,227,250)
```
#02cffa
```
#02cffa rgb(2,207,250)
```
#02bafa
```
#02bafa rgb(2,186,250)
```

Similar Colors

Text with hexadecimal color #02f8fa

This text has a font color of #02f8fa.

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

#02f8fa background color

This paragraph has a background color of #02f8fa.

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

#02f8fa border color

This element has a border color of #02f8fa.

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

CSS codes

.text {color:#02f8fa;}

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

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

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

#001010
```
#001010 rgb(0,16,16)
```
#002424
```
#002424 rgb(0,36,36)
```
#003737
```
#003737 rgb(0,55,55)
```
#014a4b
```
#014a4b rgb(1,74,75)
```
#015e5e
```
#015e5e rgb(1,94,94)
```
#017172
```
#017172 rgb(1,113,114)
```
#018485
```
#018485 rgb(1,132,133)
```
#019799
```
#019799 rgb(1,151,153)
```
#01abac
```
#01abac rgb(1,171,172)
```
#02bec0
```
#02bec0 rgb(2,190,192)
```
#02d1d3
```
#02d1d3 rgb(2,209,211)
```
#02e5e7
```
#02e5e7 rgb(2,229,231)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```

Shade Color Variation

#13fbfd
```
#13fbfd rgb(19,251,253)
```
#26fcfd
```
#26fcfd rgb(38,252,253)
```
#39fcfd
```
#39fcfd rgb(57,252,253)
```
#4dfcfe
```
#4dfcfe rgb(77,252,254)
```
#60fcfe
```
#60fcfe rgb(96,252,254)
```
#74fdfe
```
#74fdfe rgb(116,253,254)
```
#87fdfe
```
#87fdfe rgb(135,253,254)
```
#9bfdfe
```
#9bfdfe rgb(155,253,254)
```
#aefefe
```
#aefefe rgb(174,254,254)
```
#c2feff
```
#c2feff rgb(194,254,255)
```
#d5feff
```
#d5feff rgb(213,254,255)
```
#e9ffff
```
#e9ffff rgb(233,255,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#768686
```
#768686 rgb(118,134,134)
```
#6d8f8f
```
#6d8f8f rgb(109,143,143)
```
#639999
```
#639999 rgb(99,153,153)
```
#59a2a3
```
#59a2a3 rgb(89,162,163)
```
#50acac
```
#50acac rgb(80,172,172)
```
#46b5b6
```
#46b5b6 rgb(70,181,182)
```
#3cbfc0
```
#3cbfc0 rgb(60,191,192)
```
#32c8ca
```
#32c8ca rgb(50,200,202)
```
#29d2d3
```
#29d2d3 rgb(41,210,211)
```
#1fdbdd
```
#1fdbdd rgb(31,219,221)
```
#15e5e7
```
#15e5e7 rgb(21,229,231)
```
#0ceef0
```
#0ceef0 rgb(12,238,240)
```
#02f8fa
```
#02f8fa rgb(2,248,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#8cbebe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1dfec Protanopia 1% of men
#e3dcff Deuteranopia 1% of men
#84f0ff Tritanopia 0.001% of the population

Trichromacy

#90e8f1 Protanomaly 1% of men, 0.01% of women
#91e6fd Deuteranomaly 6% of men, 0.4% of women
#54f3fd Tritanomaly 0.01% of the population