#02f580 hex color

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

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

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

The hexadecimal color #02f580 has RGB values of R:2, G:245, B:128 and CMYK values of C:0.99, M:0, Y:0.48, K:0.04. Its decimal value is 193920.

Hex triplet	02f580	`#02f580`
RGB Decimal	2, 245, 128	`rgb(2,245,128)`
RGB Percent	0.8, 96.1, 50.2	`rgb(0.8%,96.1%,50.2%)`
CMYK	99, 0, 48, 4
HSL	151.1°, 98.4, 48.4	`hsl(151.1,98.4%,48.4%)`
HSV (or HSB)	151.1°, 99.2, 96.1
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.439, -73.572, 42.758
XYZ	36.571, 66.872, 31.401
xyY	0.271, 0.496, 66.872
CIE-LCH	85.439, 85.095, 149.836
CIE-LUV	85.439, -76.445, 69.378
Hunter-Lab	81.775, -63.279, 34.476
Binary	00000010, 11110101, 10000000

#02f580
```
#02f580 rgb(2,245,128)
```
#f50277
```
#f50277 rgb(245,2,119)
```

Complementary Color

#02f507
```
#02f507 rgb(2,245,7)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#02f1f5
```
#02f1f5 rgb(2,241,245)
```

Analogous Color

#f50702
```
#f50702 rgb(245,7,2)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#f502f1
```
#f502f1 rgb(245,2,241)
```

Split Complementary Color

#f58002
```
#f58002 rgb(245,128,2)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#8002f5
```
#8002f5 rgb(128,2,245)
```

Triadic Color

#77f502
```
#77f502 rgb(119,245,2)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#8002f5
```
#8002f5 rgb(128,2,245)
```
#f50277
```
#f50277 rgb(245,2,119)
```

Tetradic Color

#01a958
```
#01a958 rgb(1,169,88)
```
#02c266
```
#02c266 rgb(2,194,102)
```
#02dc73
```
#02dc73 rgb(2,220,115)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#13fd8d
```
#13fd8d rgb(19,253,141)
```
#2dfd99
```
#2dfd99 rgb(45,253,153)
```
#46fda5
```
#46fda5 rgb(70,253,165)
```

Monochromatic Color

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

#02f543
```
#02f543 rgb(2,245,67)
```
#02f558
```
#02f558 rgb(2,245,88)
```
#02f56c
```
#02f56c rgb(2,245,108)
```
#02f580
```
#02f580 rgb(2,245,128)
```
#02f594
```
#02f594 rgb(2,245,148)
```
#02f5a9
```
#02f5a9 rgb(2,245,169)
```
#02f5bd
```
#02f5bd rgb(2,245,189)
```

Similar Colors

Text with hexadecimal color #02f580

This text has a font color of #02f580.

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

#02f580 background color

This paragraph has a background color of #02f580.

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

#02f580 border color

This element has a border color of #02f580.

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

CSS codes

.text {color:#02f580;}

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

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

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)
```
#001f10
```
#001f10 rgb(0,31,16)
```
#00321a
```
#00321a rgb(0,50,26)
```
#014625
```
#014625 rgb(1,70,37)
```
#01592f
```
#01592f rgb(1,89,47)
```
#016d39
```
#016d39 rgb(1,109,57)
```
#018043
```
#018043 rgb(1,128,67)
```
#01944d
```
#01944d rgb(1,148,77)
```
#01a757
```
#01a757 rgb(1,167,87)
```
#02bb62
```
#02bb62 rgb(2,187,98)
```
#02ce6c
```
#02ce6c rgb(2,206,108)
```
#02e276
```
#02e276 rgb(2,226,118)
```
#02f580
```
#02f580 rgb(2,245,128)
```

Shade Color Variation

#0efd8a
```
#0efd8a rgb(14,253,138)
```
#21fd93
```
#21fd93 rgb(33,253,147)
```
#34fd9d
```
#34fd9d rgb(52,253,157)
```
#48fea6
```
#48fea6 rgb(72,254,166)
```
#5bfeb0
```
#5bfeb0 rgb(91,254,176)
```
#6ffeb9
```
#6ffeb9 rgb(111,254,185)
```
#82fec2
```
#82fec2 rgb(130,254,194)
```
#96fecc
```
#96fecc rgb(150,254,204)
```
#a9fed5
```
#a9fed5 rgb(169,254,213)
```
#bdfedf
```
#bdfedf rgb(189,254,223)
```
#d0ffe8
```
#d0ffe8 rgb(208,255,232)
```
#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 #02f580 is the most saturated one.

#74837c
```
#74837c rgb(116,131,124)
```
#6b8d7c
```
#6b8d7c rgb(107,141,124)
```
#61967c
```
#61967c rgb(97,150,124)
```
#58a07d
```
#58a07d rgb(88,160,125)
```
#4ea97d
```
#4ea97d rgb(78,169,125)
```
#45b37e
```
#45b37e rgb(69,179,126)
```
#3bbc7e
```
#3bbc7e rgb(59,188,126)
```
#32c67e
```
#32c67e rgb(50,198,126)
```
#28cf7f
```
#28cf7f rgb(40,207,127)
```
#1fd97f
```
#1fd97f rgb(31,217,127)
```
#15e27f
```
#15e27f rgb(21,226,127)
```
#0cec80
```
#0cec80 rgb(12,236,128)
```
#02f580
```
#02f580 rgb(2,245,128)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#80b099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd77c Protanopia 1% of men
#ffcf98 Deuteranopia 1% of men
#6ce8f9 Tritanopia 0.001% of the population

Trichromacy

#97e27d Protanomaly 1% of men, 0.01% of women
#a3dd8f Deuteranomaly 6% of men, 0.4% of women
#45edcd Tritanomaly 0.01% of the population

#02f580 hex color

#02f580 Color Information

#02f580 Color Conversion

Color Schemes with #02f580

Alternatives to #02f580

#02f580 Preview

Shades and Tints of #02f580

Tones of #02f580

Color Blindness Simulator