colorhexa.com

#02f8f0 hex color

In a RGB color space, hex #02f8f0 is composed of 0.8% red, 97.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 3.2% yellow and 2.7% black. It has a hue angle of 178 degrees, a saturation of 98.4% and a lightness of 49%. #02f8f0 color hex could be obtained by blending #04ffff with #00f1e1. Closest websafe color is: #00ffff.

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

● #02f8f0 color description : Vivid cyan.

The hexadecimal color #02f8f0 has RGB values of R:2, G:248, B:240 and CMYK values of C:0.99, M:0, Y:0.03, K:0.03. Its decimal value is 194800.

Hex triplet	02f8f0	`#02f8f0`
RGB Decimal	2, 248, 240	`rgb(2,248,240)`
RGB Percent	0.8, 97.3, 94.1	`rgb(0.8%,97.3%,94.1%)`
CMYK	99, 0, 3, 3
HSL	178°, 98.4, 49	`hsl(178,98.4%,49%)`
HSV (or HSB)	178°, 99.2, 97.3
Web Safe	00ffff	`#00ffff`

CIE-LAB	88.654, -49.319, -10.005
XYZ	49.316, 73.434, 94.008
xyY	0.228, 0.339, 73.434
CIE-LCH	88.654, 50.323, 191.467
CIE-LUV	88.654, -69.344, -8.164
Hunter-Lab	85.694, -47.239, -5.057
Binary	00000010, 11111000, 11110000

#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#f8020a
```
#f8020a rgb(248,2,10)
```

Complementary Color

#02f875
```
#02f875 rgb(2,248,117)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#0285f8
```
#0285f8 rgb(2,133,248)
```

Analogous Color

#f87502
```
#f87502 rgb(248,117,2)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#f80285
```
#f80285 rgb(248,2,133)
```

Split Complementary Color

#f8f002
```
#f8f002 rgb(248,240,2)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#f002f8
```
#f002f8 rgb(240,2,248)
```

Triadic Color

#01aca7
```
#01aca7 rgb(1,172,167)
```
#02c5bf
```
#02c5bf rgb(2,197,191)
```
#02dfd8
```
#02dfd8 rgb(2,223,216)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#16fdf6
```
#16fdf6 rgb(22,253,246)
```
#30fdf7
```
#30fdf7 rgb(48,253,247)
```
#49fef8
```
#49fef8 rgb(73,254,248)
```

Monochromatic Color

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

#02f8b3
```
#02f8b3 rgb(2,248,179)
```
#02f8c7
```
#02f8c7 rgb(2,248,199)
```
#02f8dc
```
#02f8dc rgb(2,248,220)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```
#02ecf8
```
#02ecf8 rgb(2,236,248)
```
#02d7f8
```
#02d7f8 rgb(2,215,248)
```
#02c3f8
```
#02c3f8 rgb(2,195,248)
```

Similar Colors

Text with hexadecimal color #02f8f0

This text has a font color of #02f8f0.

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

#02f8f0 background color

This paragraph has a background color of #02f8f0.

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

#02f8f0 border color

This element has a border color of #02f8f0.

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

CSS codes

.text {color:#02f8f0;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#002221
```
#002221 rgb(0,34,33)
```
#003534
```
#003534 rgb(0,53,52)
```
#014947
```
#014947 rgb(1,73,71)
```
#015c59
```
#015c59 rgb(1,92,89)
```
#01706c
```
#01706c rgb(1,112,108)
```
#01837f
```
#01837f rgb(1,131,127)
```
#019792
```
#019792 rgb(1,151,146)
```
#01aaa5
```
#01aaa5 rgb(1,170,165)
```
#02beb8
```
#02beb8 rgb(2,190,184)
```
#02d1ca
```
#02d1ca rgb(2,209,202)
```
#02e5dd
```
#02e5dd rgb(2,229,221)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```

Shade Color Variation

#11fdf5
```
#11fdf5 rgb(17,253,245)
```
#24fdf6
```
#24fdf6 rgb(36,253,246)
```
#37fdf7
```
#37fdf7 rgb(55,253,247)
```
#4bfef8
```
#4bfef8 rgb(75,254,248)
```
#5efef9
```
#5efef9 rgb(94,254,249)
```
#72fef9
```
#72fef9 rgb(114,254,249)
```
#85fefa
```
#85fefa rgb(133,254,250)
```
#99fefb
```
#99fefb rgb(153,254,251)
```
#acfefc
```
#acfefc rgb(172,254,252)
```
#c0fefc
```
#c0fefc rgb(192,254,252)
```
#d3fffd
```
#d3fffd rgb(211,255,253)
```
#e7fffe
```
#e7fffe rgb(231,255,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#758584
```
#758584 rgb(117,133,132)
```
#6c8e8d
```
#6c8e8d rgb(108,142,141)
```
#629896
```
#629896 rgb(98,152,150)
```
#59a19f
```
#59a19f rgb(89,161,159)
```
#4faba8
```
#4faba8 rgb(79,171,168)
```
#45b5b1
```
#45b5b1 rgb(69,181,177)
```
#3cbeba
```
#3cbeba rgb(60,190,186)
```
#32c8c3
```
#32c8c3 rgb(50,200,195)
```
#28d2cc
```
#28d2cc rgb(40,210,204)
```
#1fdbd5
```
#1fdbd5 rgb(31,219,213)
```
#15e5de
```
#15e5de rgb(21,229,222)
```
#0ceee7
```
#0ceee7 rgb(12,238,231)
```
#02f8f0
```
#02f8f0 rgb(2,248,240)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#8cbdbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3dfe2 Protanopia 1% of men
#e7dafb Deuteranopia 1% of men
#7ff0ff Tritanopia 0.001% of the population

Trichromacy

#91e8e7 Protanomaly 1% of men, 0.01% of women
#94e5f7 Deuteranomaly 6% of men, 0.4% of women
#52f3f9 Tritanomaly 0.01% of the population