colorhexa.com

#02f586 hex color

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

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

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

The hexadecimal color #02f586 has RGB values of R:2, G:245, B:134 and CMYK values of C:0.99, M:0, Y:0.45, K:0.04. Its decimal value is 193926.

Hex triplet	02f586	`#02f586`
RGB Decimal	2, 245, 134	`rgb(2,245,134)`
RGB Percent	0.8, 96.1, 52.5	`rgb(0.8%,96.1%,52.5%)`
CMYK	99, 0, 45, 4
HSL	152.6°, 98.4, 48.4	`hsl(152.6,98.4%,48.4%)`
HSV (or HSB)	152.6°, 99.2, 96.1
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.522, -72.583, 39.961
XYZ	36.978, 67.035, 33.543
xyY	0.269, 0.487, 67.035
CIE-LCH	85.522, 82.857, 151.165
CIE-LUV	85.522, -76.1, 66.081
Hunter-Lab	81.875, -62.663, 33.022
Binary	00000010, 11110101, 10000110

#02f586
```
#02f586 rgb(2,245,134)
```
#f50271
```
#f50271 rgb(245,2,113)
```

Complementary Color

#02f50c
```
#02f50c rgb(2,245,12)
```
#02f586
```
#02f586 rgb(2,245,134)
```
#02ebf5
```
#02ebf5 rgb(2,235,245)
```

Analogous Color

#f50c02
```
#f50c02 rgb(245,12,2)
```
#02f586
```
#02f586 rgb(2,245,134)
```
#f502eb
```
#f502eb rgb(245,2,235)
```

Split Complementary Color

#f58602
```
#f58602 rgb(245,134,2)
```
#02f586
```
#02f586 rgb(2,245,134)
```
#8602f5
```
#8602f5 rgb(134,2,245)
```

Triadic Color

#01a95c
```
#01a95c rgb(1,169,92)
```
#02c26a
```
#02c26a rgb(2,194,106)
```
#02dc78
```
#02dc78 rgb(2,220,120)
```
#02f586
```
#02f586 rgb(2,245,134)
```
#13fd92
```
#13fd92 rgb(19,253,146)
```
#2dfd9e
```
#2dfd9e rgb(45,253,158)
```
#46fdaa
```
#46fdaa rgb(70,253,170)
```

Monochromatic Color

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

#02f549
```
#02f549 rgb(2,245,73)
```
#02f55d
```
#02f55d rgb(2,245,93)
```
#02f572
```
#02f572 rgb(2,245,114)
```
#02f586
```
#02f586 rgb(2,245,134)
```
#02f59a
```
#02f59a rgb(2,245,154)
```
#02f5af
```
#02f5af rgb(2,245,175)
```
#02f5c3
```
#02f5c3 rgb(2,245,195)
```

Similar Colors

Text with hexadecimal color #02f586

This text has a font color of #02f586.

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

#02f586 background color

This paragraph has a background color of #02f586.

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

#02f586 border color

This element has a border color of #02f586.

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

CSS codes

.text {color:#02f586;}

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

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

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

#000c06
```
#000c06 rgb(0,12,6)
```
#001f11
```
#001f11 rgb(0,31,17)
```
#00321c
```
#00321c rgb(0,50,28)
```
#014626
```
#014626 rgb(1,70,38)
```
#015931
```
#015931 rgb(1,89,49)
```
#016d3c
```
#016d3c rgb(1,109,60)
```
#018046
```
#018046 rgb(1,128,70)
```
#019451
```
#019451 rgb(1,148,81)
```
#01a75b
```
#01a75b rgb(1,167,91)
```
#02bb66
```
#02bb66 rgb(2,187,102)
```
#02ce71
```
#02ce71 rgb(2,206,113)
```
#02e27b
```
#02e27b rgb(2,226,123)
```
#02f586
```
#02f586 rgb(2,245,134)
```

Shade Color Variation

#0efd90
```
#0efd90 rgb(14,253,144)
```
#21fd99
```
#21fd99 rgb(33,253,153)
```
#34fda2
```
#34fda2 rgb(52,253,162)
```
#48feab
```
#48feab rgb(72,254,171)
```
#5bfeb4
```
#5bfeb4 rgb(91,254,180)
```
#6ffebd
```
#6ffebd rgb(111,254,189)
```
#82fec5
```
#82fec5 rgb(130,254,197)
```
#96fece
```
#96fece rgb(150,254,206)
```
#a9fed7
```
#a9fed7 rgb(169,254,215)
```
#bdfee0
```
#bdfee0 rgb(189,254,224)
```
#d0ffe9
```
#d0ffe9 rgb(208,255,233)
```
#e4fff2
```
#e4fff2 rgb(228,255,242)
```
#f7fffb
```
#f7fffb rgb(247,255,251)
```

Tint Color Variation

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

#74837c
```
#74837c rgb(116,131,124)
```
#6b8d7d
```
#6b8d7d rgb(107,141,125)
```
#61967e
```
#61967e rgb(97,150,126)
```
#58a07f
```
#58a07f rgb(88,160,127)
```
#4ea97f
```
#4ea97f rgb(78,169,127)
```
#45b380
```
#45b380 rgb(69,179,128)
```
#3bbc81
```
#3bbc81 rgb(59,188,129)
```
#32c682
```
#32c682 rgb(50,198,130)
```
#28cf83
```
#28cf83 rgb(40,207,131)
```
#1fd984
```
#1fd984 rgb(31,217,132)
```
#15e284
```
#15e284 rgb(21,226,132)
```
#0cec85
```
#0cec85 rgb(12,236,133)
```
#02f586
```
#02f586 rgb(2,245,134)
```

Tone Color Variation

Below, you can see how #02f586 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
#80b19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd781 Protanopia 1% of men
#ffcf9b Deuteranopia 1% of men
#6be8f9 Tritanopia 0.001% of the population

Trichromacy

#96e283 Protanomaly 1% of men, 0.01% of women
#a3dd93 Deuteranomaly 6% of men, 0.4% of women
#45edcf Tritanomaly 0.01% of the population