colorhexa.com

#02f5c6 hex color

In a RGB color space, hex #02f5c6 is composed of 0.8% red, 96.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 19.2% yellow and 3.9% black. It has a hue angle of 168.4 degrees, a saturation of 98.4% and a lightness of 48.4%. #02f5c6 color hex could be obtained by blending #04ffff with #00eb8d. Closest websafe color is: #00ffcc.

- R 1
- G 96
- B 78
RGB color chart
- C 99
- M 0
- Y 19
- K 4
CMYK color chart

● #02f5c6 color description : Vivid cyan.

The hexadecimal color #02f5c6 has RGB values of R:2, G:245, B:198 and CMYK values of C:0.99, M:0, Y:0.19, K:0.04. Its decimal value is 193990.

Hex triplet	02f5c6	`#02f5c6`
RGB Decimal	2, 245, 198	`rgb(2,245,198)`
RGB Percent	0.8, 96.1, 77.6	`rgb(0.8%,96.1%,77.6%)`
CMYK	99, 0, 19, 4
HSL	168.4°, 98.4, 48.4	`hsl(168.4,98.4%,48.4%)`
HSV (or HSB)	168.4°, 99.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.697, -59.22, 9.045
XYZ	42.867, 69.39, 64.557
xyY	0.242, 0.392, 69.39
CIE-LCH	86.697, 59.907, 171.316
CIE-LUV	86.697, -71.691, 23.172
Hunter-Lab	83.301, -53.921, 12.361
Binary	00000010, 11110101, 11000110

#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#f50231
```
#f50231 rgb(245,2,49)
```

Complementary Color

#02f54d
```
#02f54d rgb(2,245,77)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#02abf5
```
#02abf5 rgb(2,171,245)
```

Analogous Color

#f54d02
```
#f54d02 rgb(245,77,2)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#f502ab
```
#f502ab rgb(245,2,171)
```

Split Complementary Color

#f5c602
```
#f5c602 rgb(245,198,2)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#c602f5
```
#c602f5 rgb(198,2,245)
```

Triadic Color

#01a989
```
#01a989 rgb(1,169,137)
```
#02c29d
```
#02c29d rgb(2,194,157)
```
#02dcb2
```
#02dcb2 rgb(2,220,178)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#13fdd0
```
#13fdd0 rgb(19,253,208)
```
#2dfdd5
```
#2dfdd5 rgb(45,253,213)
```
#46fdda
```
#46fdda rgb(70,253,218)
```

Monochromatic Color

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

#02f589
```
#02f589 rgb(2,245,137)
```
#02f59e
```
#02f59e rgb(2,245,158)
```
#02f5b2
```
#02f5b2 rgb(2,245,178)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```
#02f5da
```
#02f5da rgb(2,245,218)
```
#02f5ef
```
#02f5ef rgb(2,245,239)
```
#02e7f5
```
#02e7f5 rgb(2,231,245)
```

Similar Colors

Text with hexadecimal color #02f5c6

This text has a font color of #02f5c6.

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

#02f5c6 background color

This paragraph has a background color of #02f5c6.

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

#02f5c6 border color

This element has a border color of #02f5c6.

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

CSS codes

.text {color:#02f5c6;}

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

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

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

#000c09
```
#000c09 rgb(0,12,9)
```
#001f19
```
#001f19 rgb(0,31,25)
```
#003229
```
#003229 rgb(0,50,41)
```
#014638
```
#014638 rgb(1,70,56)
```
#015948
```
#015948 rgb(1,89,72)
```
#016d58
```
#016d58 rgb(1,109,88)
```
#018068
```
#018068 rgb(1,128,104)
```
#019477
```
#019477 rgb(1,148,119)
```
#01a787
```
#01a787 rgb(1,167,135)
```
#02bb97
```
#02bb97 rgb(2,187,151)
```
#02cea7
```
#02cea7 rgb(2,206,167)
```
#02e2b6
```
#02e2b6 rgb(2,226,182)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```

Shade Color Variation

#0efdcf
```
#0efdcf rgb(14,253,207)
```
#21fdd3
```
#21fdd3 rgb(33,253,211)
```
#34fdd6
```
#34fdd6 rgb(52,253,214)
```
#48feda
```
#48feda rgb(72,254,218)
```
#5bfede
```
#5bfede rgb(91,254,222)
```
#6ffee2
```
#6ffee2 rgb(111,254,226)
```
#82fee6
```
#82fee6 rgb(130,254,230)
```
#96feea
```
#96feea rgb(150,254,234)
```
#a9feee
```
#a9feee rgb(169,254,238)
```
#bdfef2
```
#bdfef2 rgb(189,254,242)
```
#d0fff6
```
#d0fff6 rgb(208,255,246)
```
#e4fffa
```
#e4fffa rgb(228,255,250)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#748380
```
#748380 rgb(116,131,128)
```
#6b8d86
```
#6b8d86 rgb(107,141,134)
```
#61968c
```
#61968c rgb(97,150,140)
```
#58a092
```
#58a092 rgb(88,160,146)
```
#4ea997
```
#4ea997 rgb(78,169,151)
```
#45b39d
```
#45b39d rgb(69,179,157)
```
#3bbca3
```
#3bbca3 rgb(59,188,163)
```
#32c6a9
```
#32c6a9 rgb(50,198,169)
```
#28cfaf
```
#28cfaf rgb(40,207,175)
```
#1fd9b5
```
#1fd9b5 rgb(31,217,181)
```
#15e2ba
```
#15e2ba rgb(21,226,186)
```
#0cecc0
```
#0cecc0 rgb(12,236,192)
```
#02f5c6
```
#02f5c6 rgb(2,245,198)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#86b7ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dabc Protanopia 1% of men
#f1d4d4 Deuteranopia 1% of men
#5aedff Tritanopia 0.001% of the population

Trichromacy

#93e4bf Protanomaly 1% of men, 0.01% of women
#9ae0cf Deuteranomaly 6% of men, 0.4% of women
#3af0ea Tritanomaly 0.01% of the population