colorhexa.com

#02f0a1 hex color

In a RGB color space, hex #02f0a1 is composed of 0.8% red, 94.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 32.9% yellow and 5.9% black. It has a hue angle of 160.1 degrees, a saturation of 98.3% and a lightness of 47.5%. #02f0a1 color hex could be obtained by blending #04ffff with #00e143. Closest websafe color is: #00ff99.

- R 1
- G 94
- B 63
RGB color chart
- C 99
- M 0
- Y 33
- K 6
CMYK color chart

● #02f0a1 color description : Vivid cyan - lime green.

The hexadecimal color #02f0a1 has RGB values of R:2, G:240, B:161 and CMYK values of C:0.99, M:0, Y:0.33, K:0.06. Its decimal value is 192673.

Hex triplet	02f0a1	`#02f0a1`
RGB Decimal	2, 240, 161	`rgb(2,240,161)`
RGB Percent	0.8, 94.1, 63.1	`rgb(0.8%,94.1%,63.1%)`
CMYK	99, 0, 33, 6
HSL	160.1°, 98.3, 47.5	`hsl(160.1,98.3%,47.5%)`
HSV (or HSB)	160.1°, 99.2, 94.1
Web Safe	00ff99	`#00ff99`

CIE-LAB	84.433, -65.808, 25.005
XYZ	37.615, 64.902, 44.261
xyY	0.256, 0.442, 64.902
CIE-LCH	84.433, 70.398, 159.194
CIE-LUV	84.433, -72.785, 46.417
Hunter-Lab	80.562, -57.64, 23.819
Binary	00000010, 11110000, 10100001

#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#f00251
```
#f00251 rgb(240,2,81)
```

Complementary Color

#02f02a
```
#02f02a rgb(2,240,42)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#02c8f0
```
#02c8f0 rgb(2,200,240)
```

Analogous Color

#f02a02
```
#f02a02 rgb(240,42,2)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#f002c8
```
#f002c8 rgb(240,2,200)
```

Split Complementary Color

#f0a102
```
#f0a102 rgb(240,161,2)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#a102f0
```
#a102f0 rgb(161,2,240)
```

Triadic Color

#01a46e
```
#01a46e rgb(1,164,110)
```
#02bd7f
```
#02bd7f rgb(2,189,127)
```
#02d790
```
#02d790 rgb(2,215,144)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#0ffdae
```
#0ffdae rgb(15,253,174)
```
#28fdb6
```
#28fdb6 rgb(40,253,182)
```
#41fdbf
```
#41fdbf rgb(65,253,191)
```

Monochromatic Color

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

#02f066
```
#02f066 rgb(2,240,102)
```
#02f079
```
#02f079 rgb(2,240,121)
```
#02f08d
```
#02f08d rgb(2,240,141)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```
#02f0b5
```
#02f0b5 rgb(2,240,181)
```
#02f0c9
```
#02f0c9 rgb(2,240,201)
```
#02f0dd
```
#02f0dd rgb(2,240,221)
```

Similar Colors

Text with hexadecimal color #02f0a1

This text has a font color of #02f0a1.

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

#02f0a1 background color

This paragraph has a background color of #02f0a1.

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

#02f0a1 border color

This element has a border color of #02f0a1.

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

CSS codes

.text {color:#02f0a1;}

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

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

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

#000704
```
#000704 rgb(0,7,4)
```
#001a11
```
#001a11 rgb(0,26,17)
```
#002d1f
```
#002d1f rgb(0,45,31)
```
#01412c
```
#01412c rgb(1,65,44)
```
#015439
```
#015439 rgb(1,84,57)
```
#016846
```
#016846 rgb(1,104,70)
```
#017b53
```
#017b53 rgb(1,123,83)
```
#018f60
```
#018f60 rgb(1,143,96)
```
#01a26d
```
#01a26d rgb(1,162,109)
```
#02b67a
```
#02b67a rgb(2,182,122)
```
#02c987
```
#02c987 rgb(2,201,135)
```
#02dd94
```
#02dd94 rgb(2,221,148)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```

Shade Color Variation

#09fdac
```
#09fdac rgb(9,253,172)
```
#1cfdb2
```
#1cfdb2 rgb(28,253,178)
```
#30fdb9
```
#30fdb9 rgb(48,253,185)
```
#43fdc0
```
#43fdc0 rgb(67,253,192)
```
#56fec6
```
#56fec6 rgb(86,254,198)
```
#6afecd
```
#6afecd rgb(106,254,205)
```
#7dfed3
```
#7dfed3 rgb(125,254,211)
```
#91feda
```
#91feda rgb(145,254,218)
```
#a4fee0
```
#a4fee0 rgb(164,254,224)
```
#b8fee7
```
#b8fee7 rgb(184,254,231)
```
#cbffee
```
#cbffee rgb(203,255,238)
```
#dffff4
```
#dffff4 rgb(223,255,244)
```
#f2fffb
```
#f2fffb rgb(242,255,251)
```

Tint Color Variation

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

#72807b
```
#72807b rgb(114,128,123)
```
#688a7f
```
#688a7f rgb(104,138,127)
```
#5f9382
```
#5f9382 rgb(95,147,130)
```
#569c85
```
#569c85 rgb(86,156,133)
```
#4ca688
```
#4ca688 rgb(76,166,136)
```
#43af8b
```
#43af8b rgb(67,175,139)
```
#3ab88e
```
#3ab88e rgb(58,184,142)
```
#31c191
```
#31c191 rgb(49,193,145)
```
#27cb94
```
#27cb94 rgb(39,203,148)
```
#1ed498
```
#1ed498 rgb(30,212,152)
```
#15dd9b
```
#15dd9b rgb(21,221,155)
```
#0be79e
```
#0be79e rgb(11,231,158)
```
#02f0a1
```
#02f0a1 rgb(2,240,161)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#80b0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d49a Protanopia 1% of men
#f5cdb2 Deuteranopia 1% of men
#62e6f7 Tritanopia 0.001% of the population

Trichromacy

#92de9c Protanomaly 1% of men, 0.01% of women
#9cd9ab Deuteranomaly 6% of men, 0.4% of women
#3fe9d7 Tritanomaly 0.01% of the population