#02f4c0 hex color

In a RGB color space, hex #02f4c0 is composed of 0.8% red, 95.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 21.3% yellow and 4.3% black. It has a hue angle of 167.1 degrees, a saturation of 98.4% and a lightness of 48.2%. #02f4c0 color hex could be obtained by blending #04ffff with #00e981. Closest websafe color is: #00ffcc.

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

● #02f4c0 color description : Vivid cyan.

The hexadecimal color #02f4c0 has RGB values of R:2, G:244, B:192 and CMYK values of C:0.99, M:0, Y:0.21, K:0.04. Its decimal value is 193728.

Hex triplet	02f4c0	`#02f4c0`
RGB Decimal	2, 244, 192	`rgb(2,244,192)`
RGB Percent	0.8, 95.7, 75.3	`rgb(0.8%,95.7%,75.3%)`
CMYK	99, 0, 21, 4
HSL	167.1°, 98.4, 48.2	`hsl(167.1,98.4%,48.2%)`
HSV (or HSB)	167.1°, 99.2, 95.7
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.264, -60.297, 11.547
XYZ	41.886, 68.515, 60.883
xyY	0.245, 0.4, 68.515
CIE-LCH	86.264, 61.393, 169.159
CIE-LUV	86.264, -71.823, 27.005
Hunter-Lab	82.774, -54.528, 14.332
Binary	00000010, 11110100, 11000000

#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#f40236
```
#f40236 rgb(244,2,54)
```

Complementary Color

#02f447
```
#02f447 rgb(2,244,71)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#02aff4
```
#02aff4 rgb(2,175,244)
```

Analogous Color

#f44702
```
#f44702 rgb(244,71,2)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#f402af
```
#f402af rgb(244,2,175)
```

Split Complementary Color

#f4c002
```
#f4c002 rgb(244,192,2)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#c002f4
```
#c002f4 rgb(192,2,244)
```

Triadic Color

#36f402
```
#36f402 rgb(54,244,2)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#c002f4
```
#c002f4 rgb(192,2,244)
```
#f40236
```
#f40236 rgb(244,2,54)
```

Tetradic Color

#01a884
```
#01a884 rgb(1,168,132)
```
#02c198
```
#02c198 rgb(2,193,152)
```
#02dbac
```
#02dbac rgb(2,219,172)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#12fdcb
```
#12fdcb rgb(18,253,203)
```
#2cfdd0
```
#2cfdd0 rgb(44,253,208)
```
#45fdd6
```
#45fdd6 rgb(69,253,214)
```

Monochromatic Color

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

#02f484
```
#02f484 rgb(2,244,132)
```
#02f498
```
#02f498 rgb(2,244,152)
```
#02f4ac
```
#02f4ac rgb(2,244,172)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```
#02f4d4
```
#02f4d4 rgb(2,244,212)
```
#02f4e8
```
#02f4e8 rgb(2,244,232)
```
#02ecf4
```
#02ecf4 rgb(2,236,244)
```

Similar Colors

Text with hexadecimal color #02f4c0

This text has a font color of #02f4c0.

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

#02f4c0 background color

This paragraph has a background color of #02f4c0.

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

#02f4c0 border color

This element has a border color of #02f4c0.

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

CSS codes

.text {color:#02f4c0;}

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

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

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

#000b08
```
#000b08 rgb(0,11,8)
```
#001e18
```
#001e18 rgb(0,30,24)
```
#003127
```
#003127 rgb(0,49,39)
```
#014536
```
#014536 rgb(1,69,54)
```
#015846
```
#015846 rgb(1,88,70)
```
#016c55
```
#016c55 rgb(1,108,85)
```
#017f64
```
#017f64 rgb(1,127,100)
```
#019373
```
#019373 rgb(1,147,115)
```
#01a683
```
#01a683 rgb(1,166,131)
```
#02ba92
```
#02ba92 rgb(2,186,146)
```
#02cda1
```
#02cda1 rgb(2,205,161)
```
#02e1b1
```
#02e1b1 rgb(2,225,177)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```

Shade Color Variation

#0dfdc9
```
#0dfdc9 rgb(13,253,201)
```
#20fdce
```
#20fdce rgb(32,253,206)
```
#34fdd2
```
#34fdd2 rgb(52,253,210)
```
#47fdd6
```
#47fdd6 rgb(71,253,214)
```
#5afedb
```
#5afedb rgb(90,254,219)
```
#6efedf
```
#6efedf rgb(110,254,223)
```
#81fee3
```
#81fee3 rgb(129,254,227)
```
#95fee7
```
#95fee7 rgb(149,254,231)
```
#a8feec
```
#a8feec rgb(168,254,236)
```
#bcfef0
```
#bcfef0 rgb(188,254,240)
```
#cffff4
```
#cffff4 rgb(207,255,244)
```
#e3fff9
```
#e3fff9 rgb(227,255,249)
```
#f6fffd
```
#f6fffd rgb(246,255,253)
```

Tint Color Variation

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

#74827f
```
#74827f rgb(116,130,127)
```
#6a8c85
```
#6a8c85 rgb(106,140,133)
```
#61958a
```
#61958a rgb(97,149,138)
```
#579f8f
```
#579f8f rgb(87,159,143)
```
#4ea895
```
#4ea895 rgb(78,168,149)
```
#44b29a
```
#44b29a rgb(68,178,154)
```
#3bbba0
```
#3bbba0 rgb(59,187,160)
```
#31c5a5
```
#31c5a5 rgb(49,197,165)
```
#28ceaa
```
#28ceaa rgb(40,206,170)
```
#1ed8b0
```
#1ed8b0 rgb(30,216,176)
```
#15e1b5
```
#15e1b5 rgb(21,225,181)
```
#0bebbb
```
#0bebbb rgb(11,235,187)
```
#02f4c0
```
#02f4c0 rgb(2,244,192)
```

Tone Color Variation

Below, you can see how #02f4c0 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
#85b6ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d9b6 Protanopia 1% of men
#f2d2cf Deuteranopia 1% of men
#59ecfd Tritanopia 0.001% of the population

Trichromacy

#92e3b9 Protanomaly 1% of men, 0.01% of women
#9adec9 Deuteranomaly 6% of men, 0.4% of women
#39efe7 Tritanomaly 0.01% of the population

#02f4c0 hex color

#02f4c0 Color Information

#02f4c0 Color Conversion

Color Schemes with #02f4c0

Alternatives to #02f4c0

#02f4c0 Preview

Shades and Tints of #02f4c0

Tones of #02f4c0

Color Blindness Simulator