#02cd60 hex color

In a RGB color space, hex #02cd60 is composed of 0.8% red, 80.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 53.2% yellow and 19.6% black. It has a hue angle of 147.8 degrees, a saturation of 98.1% and a lightness of 40.6%. #02cd60 color hex could be obtained by blending #04ffc0 with #009b00. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 1
- G 80
- B 38
RGB color chart
- C 99
- M 0
- Y 53
- K 20
CMYK color chart

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

The hexadecimal color #02cd60 has RGB values of R:2, G:205, B:96 and CMYK values of C:0.99, M:0, Y:0.53, K:0.2. Its decimal value is 183648.

Hex triplet	02cd60	`#02cd60`
RGB Decimal	2, 205, 96	`rgb(2,205,96)`
RGB Percent	0.8, 80.4, 37.6	`rgb(0.8%,80.4%,37.6%)`
CMYK	99, 0, 53, 20
HSL	147.8°, 98.1, 40.6	`hsl(147.8,98.1%,40.6%)`
HSV (or HSB)	147.8°, 99, 80.4
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.573, -65.9, 42.148
XYZ	23.966, 44.517, 18.395
xyY	0.276, 0.512, 44.517
CIE-LCH	72.573, 78.226, 147.398
CIE-LUV	72.573, -65.563, 64.23
Hunter-Lab	66.721, -52.646, 30.359
Binary	00000010, 11001101, 01100000

#02cd60
```
#02cd60 rgb(2,205,96)
```
#cd026f
```
#cd026f rgb(205,2,111)
```

Complementary Color

#0acd02
```
#0acd02 rgb(10,205,2)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#02cdc6
```
#02cdc6 rgb(2,205,198)
```

Analogous Color

#cd020a
```
#cd020a rgb(205,2,10)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#c602cd
```
#c602cd rgb(198,2,205)
```

Split Complementary Color

#cd6002
```
#cd6002 rgb(205,96,2)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#6002cd
```
#6002cd rgb(96,2,205)
```

Triadic Color

#6fcd02
```
#6fcd02 rgb(111,205,2)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#6002cd
```
#6002cd rgb(96,2,205)
```
#cd026f
```
#cd026f rgb(205,2,111)
```

Tetradic Color

#01813d
```
#01813d rgb(1,129,61)
```
#029a48
```
#029a48 rgb(2,154,72)
```
#02b454
```
#02b454 rgb(2,180,84)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#02e66c
```
#02e66c rgb(2,230,108)
```
#05fd78
```
#05fd78 rgb(5,253,120)
```
#1ffd86
```
#1ffd86 rgb(31,253,134)
```

Monochromatic Color

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

#02cd2d
```
#02cd2d rgb(2,205,45)
```
#02cd3e
```
#02cd3e rgb(2,205,62)
```
#02cd4f
```
#02cd4f rgb(2,205,79)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#02cd71
```
#02cd71 rgb(2,205,113)
```
#02cd82
```
#02cd82 rgb(2,205,130)
```
#02cd93
```
#02cd93 rgb(2,205,147)
```

Similar Colors

Text with hexadecimal color #02cd60

This text has a font color of #02cd60.

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

#02cd60 background color

This paragraph has a background color of #02cd60.

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

#02cd60 border color

This element has a border color of #02cd60.

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

CSS codes

.text {color:#02cd60;}

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

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

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

#000b05
```
#000b05 rgb(0,11,5)
```
#001e0e
```
#001e0e rgb(0,30,14)
```
#003217
```
#003217 rgb(0,50,23)
```
#014520
```
#014520 rgb(1,69,32)
```
#015829
```
#015829 rgb(1,88,41)
```
#016c33
```
#016c33 rgb(1,108,51)
```
#017f3c
```
#017f3c rgb(1,127,60)
```
#019345
```
#019345 rgb(1,147,69)
```
#02a64e
```
#02a64e rgb(2,166,78)
```
#02ba57
```
#02ba57 rgb(2,186,87)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```
#02e069
```
#02e069 rgb(2,224,105)
```
#02f472
```
#02f472 rgb(2,244,114)
```

Shade Color Variation

#0dfd7c
```
#0dfd7c rgb(13,253,124)
```
#21fd87
```
#21fd87 rgb(33,253,135)
```
#34fd91
```
#34fd91 rgb(52,253,145)
```
#47fd9c
```
#47fd9c rgb(71,253,156)
```
#5bfda6
```
#5bfda6 rgb(91,253,166)
```
#6efeb1
```
#6efeb1 rgb(110,254,177)
```
#82febb
```
#82febb rgb(130,254,187)
```
#95fec6
```
#95fec6 rgb(149,254,198)
```
#a9fed0
```
#a9fed0 rgb(169,254,208)
```
#bcfedb
```
#bcfedb rgb(188,254,219)
```
#cfffe5
```
#cfffe5 rgb(207,255,229)
```
#e3fff0
```
#e3fff0 rgb(227,255,240)
```
#f6fffa
```
#f6fffa rgb(246,255,250)
```

Tint Color Variation

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

#626d67
```
#626d67 rgb(98,109,103)
```
#5a7566
```
#5a7566 rgb(90,117,102)
```
#527d66
```
#527d66 rgb(82,125,102)
```
#4a8565
```
#4a8565 rgb(74,133,101)
```
#428d65
```
#428d65 rgb(66,141,101)
```
#3a9564
```
#3a9564 rgb(58,149,100)
```
#329d64
```
#329d64 rgb(50,157,100)
```
#2aa563
```
#2aa563 rgb(42,165,99)
```
#22ad62
```
#22ad62 rgb(34,173,98)
```
#1ab562
```
#1ab562 rgb(26,181,98)
```
#12bd61
```
#12bd61 rgb(18,189,97)
```
#0ac561
```
#0ac561 rgb(10,197,97)
```
#02cd60
```
#02cd60 rgb(2,205,96)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a937d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b65f Protanopia 1% of men
#daae74 Deuteranopia 1% of men
#5dc4d2 Tritanopia 0.001% of the population

Trichromacy

#80be5f Protanomaly 1% of men, 0.01% of women
#8bb96d Deuteranomaly 6% of men, 0.4% of women
#3cc7a8 Tritanomaly 0.01% of the population

#02cd60 hex color

#02cd60 Color Information

#02cd60 Color Conversion

Color Schemes with #02cd60

Alternatives to #02cd60

#02cd60 Preview

Shades and Tints of #02cd60

Tones of #02cd60

Color Blindness Simulator