#02f2cc hex color

In a RGB color space, hex #02f2cc is composed of 0.8% red, 94.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 15.7% yellow and 5.1% black. It has a hue angle of 170.5 degrees, a saturation of 98.4% and a lightness of 47.8%. #02f2cc color hex could be obtained by blending #04ffff with #00e599. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 1
- G 95
- B 80
RGB color chart
- C 99
- M 0
- Y 16
- K 5
CMYK color chart

● #02f2cc color description : Vivid cyan.

The hexadecimal color #02f2cc has RGB values of R:2, G:242, B:204 and CMYK values of C:0.99, M:0, Y:0.16, K:0.05. Its decimal value is 193228.

Hex triplet	02f2cc	`#02f2cc`
RGB Decimal	2, 242, 204	`rgb(2,242,204)`
RGB Percent	0.8, 94.9, 80	`rgb(0.8%,94.9%,80%)`
CMYK	99, 0, 16, 5
HSL	170.5°, 98.4, 47.8	`hsl(170.5,98.4%,47.8%)`
HSV (or HSB)	170.5°, 99.2, 94.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	85.943, -56.548, 4.83
XYZ	42.672, 67.872, 67.975
xyY	0.239, 0.38, 67.872
CIE-LCH	85.943, 56.754, 175.118
CIE-LUV	85.943, -70.246, 16.391
Hunter-Lab	82.385, -51.717, 8.749
Binary	00000010, 11110010, 11001100

#02f2cc
```
#02f2cc rgb(2,242,204)
```
#f20228
```
#f20228 rgb(242,2,40)
```

Complementary Color

#02f254
```
#02f254 rgb(2,242,84)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#02a0f2
```
#02a0f2 rgb(2,160,242)
```

Analogous Color

#f25402
```
#f25402 rgb(242,84,2)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#f202a0
```
#f202a0 rgb(242,2,160)
```

Split Complementary Color

#f2cc02
```
#f2cc02 rgb(242,204,2)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#cc02f2
```
#cc02f2 rgb(204,2,242)
```

Triadic Color

#28f202
```
#28f202 rgb(40,242,2)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#cc02f2
```
#cc02f2 rgb(204,2,242)
```
#f20228
```
#f20228 rgb(242,2,40)
```

Tetradic Color

#01a68c
```
#01a68c rgb(1,166,140)
```
#02bfa1
```
#02bfa1 rgb(2,191,161)
```
#02d9b7
```
#02d9b7 rgb(2,217,183)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#10fdd8
```
#10fdd8 rgb(16,253,216)
```
#2afddc
```
#2afddc rgb(42,253,220)
```
#43fde0
```
#43fde0 rgb(67,253,224)
```

Monochromatic Color

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

#02f290
```
#02f290 rgb(2,242,144)
```
#02f2a4
```
#02f2a4 rgb(2,242,164)
```
#02f2b8
```
#02f2b8 rgb(2,242,184)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```
#02f2e0
```
#02f2e0 rgb(2,242,224)
```
#02f0f2
```
#02f0f2 rgb(2,240,242)
```
#02dcf2
```
#02dcf2 rgb(2,220,242)
```

Similar Colors

Text with hexadecimal color #02f2cc

This text has a font color of #02f2cc.

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

#02f2cc background color

This paragraph has a background color of #02f2cc.

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

#02f2cc border color

This element has a border color of #02f2cc.

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

CSS codes

.text {color:#02f2cc;}

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

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

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

#000907
```
#000907 rgb(0,9,7)
```
#001c18
```
#001c18 rgb(0,28,24)
```
#002f28
```
#002f28 rgb(0,47,40)
```
#014338
```
#014338 rgb(1,67,56)
```
#015649
```
#015649 rgb(1,86,73)
```
#016a59
```
#016a59 rgb(1,106,89)
```
#017d6a
```
#017d6a rgb(1,125,106)
```
#01917a
```
#01917a rgb(1,145,122)
```
#01a48a
```
#01a48a rgb(1,164,138)
```
#02b89b
```
#02b89b rgb(2,184,155)
```
#02cbab
```
#02cbab rgb(2,203,171)
```
#02dfbc
```
#02dfbc rgb(2,223,188)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```

Shade Color Variation

#0bfdd7
```
#0bfdd7 rgb(11,253,215)
```
#1efdda
```
#1efdda rgb(30,253,218)
```
#32fddd
```
#32fddd rgb(50,253,221)
```
#45fde0
```
#45fde0 rgb(69,253,224)
```
#58fee3
```
#58fee3 rgb(88,254,227)
```
#6cfee7
```
#6cfee7 rgb(108,254,231)
```
#7ffeea
```
#7ffeea rgb(127,254,234)
```
#93feed
```
#93feed rgb(147,254,237)
```
#a6fef0
```
#a6fef0 rgb(166,254,240)
```
#bafef4
```
#bafef4 rgb(186,254,244)
```
#cdfff7
```
#cdfff7 rgb(205,255,247)
```
#e1fffa
```
#e1fffa rgb(225,255,250)
```
#f4fffd
```
#f4fffd rgb(244,255,253)
```

Tint Color Variation

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

#73817f
```
#73817f rgb(115,129,127)
```
#698b85
```
#698b85 rgb(105,139,133)
```
#60948c
```
#60948c rgb(96,148,140)
```
#569e92
```
#569e92 rgb(86,158,146)
```
#4da799
```
#4da799 rgb(77,167,153)
```
#44b09f
```
#44b09f rgb(68,176,159)
```
#3abaa6
```
#3abaa6 rgb(58,186,166)
```
#31c3ac
```
#31c3ac rgb(49,195,172)
```
#28ccb2
```
#28ccb2 rgb(40,204,178)
```
#1ed6b9
```
#1ed6b9 rgb(30,214,185)
```
#15dfbf
```
#15dfbf rgb(21,223,191)
```
#0be9c6
```
#0be9c6 rgb(11,233,198)
```
#02f2cc
```
#02f2cc rgb(2,242,204)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#85b5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d8c1 Protanopia 1% of men
#ecd2da Deuteranopia 1% of men
#52ebfd Tritanopia 0.001% of the population

Trichromacy

#90e1c5 Protanomaly 1% of men, 0.01% of women
#97ded4 Deuteranomaly 6% of men, 0.4% of women
#35eeeb Tritanomaly 0.01% of the population

#02f2cc hex color

#02f2cc Color Information

#02f2cc Color Conversion

Color Schemes with #02f2cc

Alternatives to #02f2cc

#02f2cc Preview

Shades and Tints of #02f2cc

Tones of #02f2cc

Color Blindness Simulator