#02c580 hex color

In a RGB color space, hex #02c580 is composed of 0.8% red, 77.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 35% yellow and 22.7% black. It has a hue angle of 158.8 degrees, a saturation of 98% and a lightness of 39%. #02c580 color hex could be obtained by blending #04ffff with #008b01. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 77
- B 50
RGB color chart
- C 99
- M 0
- Y 35
- K 23
CMYK color chart

● #02c580 color description : Strong cyan - lime green.

The hexadecimal color #02c580 has RGB values of R:2, G:197, B:128 and CMYK values of C:0.99, M:0, Y:0.35, K:0.23. Its decimal value is 181632.

Hex triplet	02c580	`#02c580`
RGB Decimal	2, 197, 128	`rgb(2,197,128)`
RGB Percent	0.8, 77.3, 50.2	`rgb(0.8%,77.3%,50.2%)`
CMYK	99, 0, 35, 23
HSL	158.8°, 98, 39	`hsl(158.8,98%,39%)`
HSV (or HSB)	158.8°, 99, 77.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	70.526, -57.429, 23.265
XYZ	23.886, 41.501, 27.173
xyY	0.258, 0.448, 41.501
CIE-LCH	70.526, 61.962, 157.947
CIE-LUV	70.526, -61.048, 41.059
Hunter-Lab	64.421, -46.555, 20.087
Binary	00000010, 11000101, 10000000

#02c580
```
#02c580 rgb(2,197,128)
```
#c50247
```
#c50247 rgb(197,2,71)
```

Complementary Color

#02c51f
```
#02c51f rgb(2,197,31)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#02a9c5
```
#02a9c5 rgb(2,169,197)
```

Analogous Color

#c51f02
```
#c51f02 rgb(197,31,2)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#c502a9
```
#c502a9 rgb(197,2,169)
```

Split Complementary Color

#c58002
```
#c58002 rgb(197,128,2)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#8002c5
```
#8002c5 rgb(128,2,197)
```

Triadic Color

#47c502
```
#47c502 rgb(71,197,2)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#8002c5
```
#8002c5 rgb(128,2,197)
```
#c50247
```
#c50247 rgb(197,2,71)
```

Tetradic Color

#01794f
```
#01794f rgb(1,121,79)
```
#01935f
```
#01935f rgb(1,147,95)
```
#02ac70
```
#02ac70 rgb(2,172,112)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#02de90
```
#02de90 rgb(2,222,144)
```
#03f7a1
```
#03f7a1 rgb(3,247,161)
```
#17fdab
```
#17fdab rgb(23,253,171)
```

Monochromatic Color

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

#02c54f
```
#02c54f rgb(2,197,79)
```
#02c560
```
#02c560 rgb(2,197,96)
```
#02c570
```
#02c570 rgb(2,197,112)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#02c590
```
#02c590 rgb(2,197,144)
```
#02c5a1
```
#02c5a1 rgb(2,197,161)
```
#02c5b1
```
#02c5b1 rgb(2,197,177)
```

Similar Colors

Text with hexadecimal color #02c580

This text has a font color of #02c580.

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

#02c580 background color

This paragraph has a background color of #02c580.

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

#02c580 border color

This element has a border color of #02c580.

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

CSS codes

.text {color:#02c580;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#00160e
```
#00160e rgb(0,22,14)
```
#002a1b
```
#002a1b rgb(0,42,27)
```
#013d28
```
#013d28 rgb(1,61,40)
```
#015034
```
#015034 rgb(1,80,52)
```
#016441
```
#016441 rgb(1,100,65)
```
#01774e
```
#01774e rgb(1,119,78)
```
#018b5a
```
#018b5a rgb(1,139,90)
```
#029e67
```
#029e67 rgb(2,158,103)
```
#02b273
```
#02b273 rgb(2,178,115)
```
#02c580
```
#02c580 rgb(2,197,128)
```
#02d88d
```
#02d88d rgb(2,216,141)
```
#02ec99
```
#02ec99 rgb(2,236,153)
```

Shade Color Variation

#05fca5
```
#05fca5 rgb(5,252,165)
```
#19fdac
```
#19fdac rgb(25,253,172)
```
#2cfdb3
```
#2cfdb3 rgb(44,253,179)
```
#40fdba
```
#40fdba rgb(64,253,186)
```
#53fdc1
```
#53fdc1 rgb(83,253,193)
```
#66fdc8
```
#66fdc8 rgb(102,253,200)
```
#7afecf
```
#7afecf rgb(122,254,207)
```
#8dfed6
```
#8dfed6 rgb(141,254,214)
```
#a1fedd
```
#a1fedd rgb(161,254,221)
```
#b4fee4
```
#b4fee4 rgb(180,254,228)
```
#c8feeb
```
#c8feeb rgb(200,254,235)
```
#dbfff2
```
#dbfff2 rgb(219,255,242)
```
#eefff9
```
#eefff9 rgb(238,255,249)
```

Tint Color Variation

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

#5e6965
```
#5e6965 rgb(94,105,101)
```
#567167
```
#567167 rgb(86,113,103)
```
#4f786a
```
#4f786a rgb(79,120,106)
```
#47806c
```
#47806c rgb(71,128,108)
```
#3f886e
```
#3f886e rgb(63,136,110)
```
#388f70
```
#388f70 rgb(56,143,112)
```
#309773
```
#309773 rgb(48,151,115)
```
#289f75
```
#289f75 rgb(40,159,117)
```
#21a677
```
#21a677 rgb(33,166,119)
```
#19ae79
```
#19ae79 rgb(25,174,121)
```
#11b67c
```
#11b67c rgb(17,182,124)
```
#0abd7e
```
#0abd7e rgb(10,189,126)
```
#02c580
```
#02c580 rgb(2,197,128)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#699082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb07d Protanopia 1% of men
#ccaa90 Deuteranopia 1% of men
#52bfcd Tritanopia 0.001% of the population

Trichromacy

#79b87e Protanomaly 1% of men, 0.01% of women
#82b48a Deuteranomaly 6% of men, 0.4% of women
#35c1b1 Tritanomaly 0.01% of the population

#02c580 hex color

#02c580 Color Information

#02c580 Color Conversion

Color Schemes with #02c580

Alternatives to #02c580

#02c580 Preview

Shades and Tints of #02c580

Tones of #02c580

Color Blindness Simulator