colorhexa.com

#02cf60 hex color

In a RGB color space, hex #02cf60 is composed of 0.8% red, 81.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 53.6% yellow and 18.8% black. It has a hue angle of 147.5 degrees, a saturation of 98.1% and a lightness of 41%. #02cf60 color hex could be obtained by blending #04ffc0 with #009f00. Closest websafe color is: #00cc66.

- R 1
- G 81
- B 38
RGB color chart
- C 99
- M 0
- Y 54
- K 19
CMYK color chart

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

The hexadecimal color #02cf60 has RGB values of R:2, G:207, B:96 and CMYK values of C:0.99, M:0, Y:0.54, K:0.19. Its decimal value is 184160.

Hex triplet	02cf60	`#02cf60`
RGB Decimal	2, 207, 96	`rgb(2,207,96)`
RGB Percent	0.8, 81.2, 37.6	`rgb(0.8%,81.2%,37.6%)`
CMYK	99, 0, 54, 19
HSL	147.5°, 98.1, 41	`hsl(147.5,98.1%,41%)`
HSV (or HSB)	147.5°, 99, 81.2
Web Safe	00cc66	`#00cc66`

CIE-LAB	73.207, -66.532, 42.921
XYZ	24.447, 45.48, 18.556
xyY	0.276, 0.514, 45.48
CIE-LCH	73.207, 79.175, 147.173
CIE-LUV	73.207, -66.2, 65.293
Hunter-Lab	67.439, -53.31, 30.894
Binary	00000010, 11001111, 01100000

#02cf60
```
#02cf60 rgb(2,207,96)
```
#cf0271
```
#cf0271 rgb(207,2,113)
```

Complementary Color

#0acf02
```
#0acf02 rgb(10,207,2)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```
#02cfc7
```
#02cfc7 rgb(2,207,199)
```

Analogous Color

#cf020b
```
#cf020b rgb(207,2,11)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```
#c702cf
```
#c702cf rgb(199,2,207)
```

Split Complementary Color

#01833d
```
#01833d rgb(1,131,61)
```
#029c49
```
#029c49 rgb(2,156,73)
```
#02b654
```
#02b654 rgb(2,182,84)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```
#02e86c
```
#02e86c rgb(2,232,108)
```
#07fd78
```
#07fd78 rgb(7,253,120)
```
#21fd86
```
#21fd86 rgb(33,253,134)
```

Monochromatic Color

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

#02cf2d
```
#02cf2d rgb(2,207,45)
```
#02cf3e
```
#02cf3e rgb(2,207,62)
```
#02cf4f
```
#02cf4f rgb(2,207,79)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```
#02cf71
```
#02cf71 rgb(2,207,113)
```
#02cf82
```
#02cf82 rgb(2,207,130)
```
#02cf93
```
#02cf93 rgb(2,207,147)
```

Similar Colors

Text with hexadecimal color #02cf60

This text has a font color of #02cf60.

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

#02cf60 background color

This paragraph has a background color of #02cf60.

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

#02cf60 border color

This element has a border color of #02cf60.

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

CSS codes

.text {color:#02cf60;}

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

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

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

#000d06
```
#000d06 rgb(0,13,6)
```
#00200f
```
#00200f rgb(0,32,15)
```
#003418
```
#003418 rgb(0,52,24)
```
#014721
```
#014721 rgb(1,71,33)
```
#015a2a
```
#015a2a rgb(1,90,42)
```
#016e33
```
#016e33 rgb(1,110,51)
```
#01813c
```
#01813c rgb(1,129,60)
```
#019545
```
#019545 rgb(1,149,69)
```
#02a84e
```
#02a84e rgb(2,168,78)
```
#02bc57
```
#02bc57 rgb(2,188,87)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```
#02e269
```
#02e269 rgb(2,226,105)
```
#02f672
```
#02f672 rgb(2,246,114)
```

Shade Color Variation

#0ffd7c
```
#0ffd7c rgb(15,253,124)
```
#23fd87
```
#23fd87 rgb(35,253,135)
```
#36fd91
```
#36fd91 rgb(54,253,145)
```
#49fd9c
```
#49fd9c rgb(73,253,156)
```
#5dfda6
```
#5dfda6 rgb(93,253,166)
```
#70feb1
```
#70feb1 rgb(112,254,177)
```
#84febc
```
#84febc rgb(132,254,188)
```
#97fec6
```
#97fec6 rgb(151,254,198)
```
#abfed1
```
#abfed1 rgb(171,254,209)
```
#befedc
```
#befedc rgb(190,254,220)
```
#d1ffe6
```
#d1ffe6 rgb(209,255,230)
```
#e5fff1
```
#e5fff1 rgb(229,255,241)
```
#f8fffb
```
#f8fffb rgb(248,255,251)
```

Tint Color Variation

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

#626f68
```
#626f68 rgb(98,111,104)
```
#5a7767
```
#5a7767 rgb(90,119,103)
```
#527f67
```
#527f67 rgb(82,127,103)
```
#4a8766
```
#4a8766 rgb(74,135,102)
```
#428f65
```
#428f65 rgb(66,143,101)
```
#3a9765
```
#3a9765 rgb(58,151,101)
```
#329f64
```
#329f64 rgb(50,159,100)
```
#2aa763
```
#2aa763 rgb(42,167,99)
```
#22af63
```
#22af63 rgb(34,175,99)
```
#1ab762
```
#1ab762 rgb(26,183,98)
```
#12bf61
```
#12bf61 rgb(18,191,97)
```
#0ac761
```
#0ac761 rgb(10,199,97)
```
#02cf60
```
#02cf60 rgb(2,207,96)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#6b947e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab75f Protanopia 1% of men
#dcaf74 Deuteranopia 1% of men
#5ec5d4 Tritanopia 0.001% of the population

Trichromacy

#81c05f Protanomaly 1% of men, 0.01% of women
#8dbb6d Deuteranomaly 6% of men, 0.4% of women
#3dc9a9 Tritanomaly 0.01% of the population