#02c680 hex color

In a RGB color space, hex #02c680 is composed of 0.8% red, 77.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 35.4% yellow and 22.4% black. It has a hue angle of 158.6 degrees, a saturation of 98% and a lightness of 39.2%. #02c680 color hex could be obtained by blending #04ffff with #008d01. Closest websafe color is: #00cc99.

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

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

The hexadecimal color #02c680 has RGB values of R:2, G:198, B:128 and CMYK values of C:0.99, M:0, Y:0.35, K:0.22. Its decimal value is 181888.

Hex triplet	02c680	`#02c680`
RGB Decimal	2, 198, 128	`rgb(2,198,128)`
RGB Percent	0.8, 77.6, 50.2	`rgb(0.8%,77.6%,50.2%)`
CMYK	99, 0, 35, 22
HSL	158.6°, 98, 39.2	`hsl(158.6,98%,39.2%)`
HSV (or HSB)	158.6°, 99, 77.6
Web Safe	00cc99	`#00cc99`

CIE-LAB	70.841, -57.789, 23.691
XYZ	24.113, 41.957, 27.248
xyY	0.258, 0.45, 41.957
CIE-LCH	70.841, 62.457, 157.708
CIE-LUV	70.841, -61.379, 41.694
Hunter-Lab	64.774, -46.905, 20.4
Binary	00000010, 11000110, 10000000

#02c680
```
#02c680 rgb(2,198,128)
```
#c60248
```
#c60248 rgb(198,2,72)
```

Complementary Color

#02c61e
```
#02c61e rgb(2,198,30)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#02aac6
```
#02aac6 rgb(2,170,198)
```

Analogous Color

#c61e02
```
#c61e02 rgb(198,30,2)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#c602aa
```
#c602aa rgb(198,2,170)
```

Split Complementary Color

#c68002
```
#c68002 rgb(198,128,2)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#8002c6
```
#8002c6 rgb(128,2,198)
```

Triadic Color

#48c602
```
#48c602 rgb(72,198,2)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#8002c6
```
#8002c6 rgb(128,2,198)
```
#c60248
```
#c60248 rgb(198,2,72)
```

Tetradic Color

#017a4f
```
#017a4f rgb(1,122,79)
```
#01945f
```
#01945f rgb(1,148,95)
```
#02ad70
```
#02ad70 rgb(2,173,112)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#02df90
```
#02df90 rgb(2,223,144)
```
#03f8a1
```
#03f8a1 rgb(3,248,161)
```
#18fdab
```
#18fdab rgb(24,253,171)
```

Monochromatic Color

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

#02c64f
```
#02c64f rgb(2,198,79)
```
#02c65f
```
#02c65f rgb(2,198,95)
```
#02c670
```
#02c670 rgb(2,198,112)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#02c690
```
#02c690 rgb(2,198,144)
```
#02c6a1
```
#02c6a1 rgb(2,198,161)
```
#02c6b1
```
#02c6b1 rgb(2,198,177)
```

Similar Colors

Text with hexadecimal color #02c680

This text has a font color of #02c680.

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

#02c680 background color

This paragraph has a background color of #02c680.

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

#02c680 border color

This element has a border color of #02c680.

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

CSS codes

.text {color:#02c680;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#00170f
```
#00170f rgb(0,23,15)
```
#002b1c
```
#002b1c rgb(0,43,28)
```
#013e28
```
#013e28 rgb(1,62,40)
```
#015135
```
#015135 rgb(1,81,53)
```
#016541
```
#016541 rgb(1,101,65)
```
#01784e
```
#01784e rgb(1,120,78)
```
#018c5a
```
#018c5a rgb(1,140,90)
```
#029f67
```
#029f67 rgb(2,159,103)
```
#02b373
```
#02b373 rgb(2,179,115)
```
#02c680
```
#02c680 rgb(2,198,128)
```
#02d98d
```
#02d98d rgb(2,217,141)
```
#02ed99
```
#02ed99 rgb(2,237,153)
```

Shade Color Variation

#06fca5
```
#06fca5 rgb(6,252,165)
```
#1afdac
```
#1afdac rgb(26,253,172)
```
#2dfdb3
```
#2dfdb3 rgb(45,253,179)
```
#41fdba
```
#41fdba rgb(65,253,186)
```
#54fdc1
```
#54fdc1 rgb(84,253,193)
```
#67fdc8
```
#67fdc8 rgb(103,253,200)
```
#7bfecf
```
#7bfecf rgb(123,254,207)
```
#8efed6
```
#8efed6 rgb(142,254,214)
```
#a2fedd
```
#a2fedd rgb(162,254,221)
```
#b5fee4
```
#b5fee4 rgb(181,254,228)
```
#c9feeb
```
#c9feeb rgb(201,254,235)
```
#dcfff2
```
#dcfff2 rgb(220,255,242)
```
#effff9
```
#effff9 rgb(239,255,249)
```

Tint Color Variation

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

#5e6a66
```
#5e6a66 rgb(94,106,102)
```
#577168
```
#577168 rgb(87,113,104)
```
#4f796a
```
#4f796a rgb(79,121,106)
```
#47816c
```
#47816c rgb(71,129,108)
```
#40886e
```
#40886e rgb(64,136,110)
```
#389071
```
#389071 rgb(56,144,113)
```
#309873
```
#309873 rgb(48,152,115)
```
#28a075
```
#28a075 rgb(40,160,117)
```
#21a777
```
#21a777 rgb(33,167,119)
```
#19af79
```
#19af79 rgb(25,175,121)
```
#11b77c
```
#11b77c rgb(17,183,124)
```
#0abe7e
```
#0abe7e rgb(10,190,126)
```
#02c680
```
#02c680 rgb(2,198,128)
```

Tone Color Variation

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

#bfb17d Protanopia 1% of men
#cdab91 Deuteranopia 1% of men
#53bfce Tritanopia 0.001% of the population

Trichromacy

#7ab87e Protanomaly 1% of men, 0.01% of women
#83b48a Deuteranomaly 6% of men, 0.4% of women
#35c2b1 Tritanomaly 0.01% of the population

#02c680 hex color

#02c680 Color Information

#02c680 Color Conversion

Color Schemes with #02c680

Alternatives to #02c680

#02c680 Preview

Shades and Tints of #02c680

Tones of #02c680

Color Blindness Simulator