#02f5cc hex color

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

♥
- f
- t
- g
- R 1
- G 96
- B 80
RGB color chart
- C 99
- M 0
- Y 17
- K 4
CMYK color chart

● #02f5cc color description : Vivid cyan.

The hexadecimal color #02f5cc has RGB values of R:2, G:245, B:204 and CMYK values of C:0.99, M:0, Y:0.17, K:0.04. Its decimal value is 193996.

Hex triplet	02f5cc	`#02f5cc`
RGB Decimal	2, 245, 204	`rgb(2,245,204)`
RGB Percent	0.8, 96.1, 80	`rgb(0.8%,96.1%,80%)`
CMYK	99, 0, 17, 4
HSL	169.9°, 98.4, 48.4	`hsl(169.9,98.4%,48.4%)`
HSV (or HSB)	169.9°, 99.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.836, -57.726, 6.119
XYZ	43.572, 69.673, 68.275
xyY	0.24, 0.384, 69.673
CIE-LCH	86.836, 58.05, 173.949
CIE-LUV	86.836, -71.227, 18.56
Hunter-Lab	83.47, -52.894, 9.932
Binary	00000010, 11110101, 11001100

#02f5cc
```
#02f5cc rgb(2,245,204)
```
#f5022b
```
#f5022b rgb(245,2,43)
```

Complementary Color

#02f552
```
#02f552 rgb(2,245,82)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#02a5f5
```
#02a5f5 rgb(2,165,245)
```

Analogous Color

#f55202
```
#f55202 rgb(245,82,2)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#f502a5
```
#f502a5 rgb(245,2,165)
```

Split Complementary Color

#f5cc02
```
#f5cc02 rgb(245,204,2)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```

Triadic Color

#2bf502
```
#2bf502 rgb(43,245,2)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#cc02f5
```
#cc02f5 rgb(204,2,245)
```
#f5022b
```
#f5022b rgb(245,2,43)
```

Tetradic Color

#01a98d
```
#01a98d rgb(1,169,141)
```
#02c2a2
```
#02c2a2 rgb(2,194,162)
```
#02dcb7
```
#02dcb7 rgb(2,220,183)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#13fdd6
```
#13fdd6 rgb(19,253,214)
```
#2dfdda
```
#2dfdda rgb(45,253,218)
```
#46fddf
```
#46fddf rgb(70,253,223)
```

Monochromatic Color

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

#02f58f
```
#02f58f rgb(2,245,143)
```
#02f5a4
```
#02f5a4 rgb(2,245,164)
```
#02f5b8
```
#02f5b8 rgb(2,245,184)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```
#02f5e0
```
#02f5e0 rgb(2,245,224)
```
#02f5f5
```
#02f5f5 rgb(2,245,245)
```
#02e1f5
```
#02e1f5 rgb(2,225,245)
```

Similar Colors

Text with hexadecimal color #02f5cc

This text has a font color of #02f5cc.

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

#02f5cc background color

This paragraph has a background color of #02f5cc.

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

#02f5cc border color

This element has a border color of #02f5cc.

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

CSS codes

.text {color:#02f5cc;}

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

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

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

#000c0a
```
#000c0a rgb(0,12,10)
```
#001f1a
```
#001f1a rgb(0,31,26)
```
#00322a
```
#00322a rgb(0,50,42)
```
#01463a
```
#01463a rgb(1,70,58)
```
#01594a
```
#01594a rgb(1,89,74)
```
#016d5b
```
#016d5b rgb(1,109,91)
```
#01806b
```
#01806b rgb(1,128,107)
```
#01947b
```
#01947b rgb(1,148,123)
```
#01a78b
```
#01a78b rgb(1,167,139)
```
#02bb9b
```
#02bb9b rgb(2,187,155)
```
#02ceac
```
#02ceac rgb(2,206,172)
```
#02e2bc
```
#02e2bc rgb(2,226,188)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```

Shade Color Variation

#0efdd5
```
#0efdd5 rgb(14,253,213)
```
#21fdd8
```
#21fdd8 rgb(33,253,216)
```
#34fddb
```
#34fddb rgb(52,253,219)
```
#48fedf
```
#48fedf rgb(72,254,223)
```
#5bfee2
```
#5bfee2 rgb(91,254,226)
```
#6ffee6
```
#6ffee6 rgb(111,254,230)
```
#82fee9
```
#82fee9 rgb(130,254,233)
```
#96feed
```
#96feed rgb(150,254,237)
```
#a9fef0
```
#a9fef0 rgb(169,254,240)
```
#bdfef3
```
#bdfef3 rgb(189,254,243)
```
#d0fff7
```
#d0fff7 rgb(208,255,247)
```
#e4fffa
```
#e4fffa rgb(228,255,250)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Tint Color Variation

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

#748380
```
#748380 rgb(116,131,128)
```
#6b8d87
```
#6b8d87 rgb(107,141,135)
```
#61968d
```
#61968d rgb(97,150,141)
```
#58a093
```
#58a093 rgb(88,160,147)
```
#4ea99a
```
#4ea99a rgb(78,169,154)
```
#45b3a0
```
#45b3a0 rgb(69,179,160)
```
#3bbca6
```
#3bbca6 rgb(59,188,166)
```
#32c6ad
```
#32c6ad rgb(50,198,173)
```
#28cfb3
```
#28cfb3 rgb(40,207,179)
```
#1fd9b9
```
#1fd9b9 rgb(31,217,185)
```
#15e2bf
```
#15e2bf rgb(21,226,191)
```
#0cecc6
```
#0cecc6 rgb(12,236,198)
```
#02f5cc
```
#02f5cc rgb(2,245,204)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#87b7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dac1 Protanopia 1% of men
#efd4da Deuteranopia 1% of men
#5cedff Tritanopia 0.001% of the population

Trichromacy

#92e4c5 Protanomaly 1% of men, 0.01% of women
#99e0d5 Deuteranomaly 6% of men, 0.4% of women
#3bf0ec Tritanomaly 0.01% of the population

#02f5cc hex color

#02f5cc Color Information

#02f5cc Color Conversion

Color Schemes with #02f5cc

Alternatives to #02f5cc

#02f5cc Preview

Shades and Tints of #02f5cc

Tones of #02f5cc

Color Blindness Simulator