colorhexa.com

#02cd6f hex color

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

- R 1
- G 80
- B 44
RGB color chart
- C 99
- M 0
- Y 46
- K 20
CMYK color chart

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

The hexadecimal color #02cd6f has RGB values of R:2, G:205, B:111 and CMYK values of C:0.99, M:0, Y:0.46, K:0.2. Its decimal value is 183663.

Hex triplet	02cd6f	`#02cd6f`
RGB Decimal	2, 205, 111	`rgb(2,205,111)`
RGB Percent	0.8, 80.4, 43.5	`rgb(0.8%,80.4%,43.5%)`
CMYK	99, 0, 46, 20
HSL	152.2°, 98.1, 40.6	`hsl(152.2,98.1%,40.6%)`
HSV (or HSB)	152.2°, 99, 80.4
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.774, -63.47, 35.016
XYZ	24.724, 44.82, 22.386
xyY	0.269, 0.488, 44.82
CIE-LCH	72.774, 72.488, 151.115
CIE-LUV	72.774, -64.737, 56.312
Hunter-Lab	66.948, -51.24, 27.038
Binary	00000010, 11001101, 01101111

#02cd6f
```
#02cd6f rgb(2,205,111)
```
#cd0260
```
#cd0260 rgb(205,2,96)
```

Complementary Color

#02cd0a
```
#02cd0a rgb(2,205,10)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#02c6cd
```
#02c6cd rgb(2,198,205)
```

Analogous Color

#cd0a02
```
#cd0a02 rgb(205,10,2)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#cd02c6
```
#cd02c6 rgb(205,2,198)
```

Split Complementary Color

#cd6f02
```
#cd6f02 rgb(205,111,2)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#6f02cd
```
#6f02cd rgb(111,2,205)
```

Triadic Color

#018146
```
#018146 rgb(1,129,70)
```
#029a54
```
#029a54 rgb(2,154,84)
```
#02b461
```
#02b461 rgb(2,180,97)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#02e67d
```
#02e67d rgb(2,230,125)
```
#05fd8a
```
#05fd8a rgb(5,253,138)
```
#1ffd96
```
#1ffd96 rgb(31,253,150)
```

Monochromatic Color

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

#02cd3c
```
#02cd3c rgb(2,205,60)
```
#02cd4d
```
#02cd4d rgb(2,205,77)
```
#02cd5e
```
#02cd5e rgb(2,205,94)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#02cd80
```
#02cd80 rgb(2,205,128)
```
#02cd91
```
#02cd91 rgb(2,205,145)
```
#02cda2
```
#02cda2 rgb(2,205,162)
```

Similar Colors

Text with hexadecimal color #02cd6f

This text has a font color of #02cd6f.

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

#02cd6f background color

This paragraph has a background color of #02cd6f.

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

#02cd6f border color

This element has a border color of #02cd6f.

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

CSS codes

.text {color:#02cd6f;}

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

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

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

#000b06
```
#000b06 rgb(0,11,6)
```
#001e10
```
#001e10 rgb(0,30,16)
```
#00321b
```
#00321b rgb(0,50,27)
```
#014525
```
#014525 rgb(1,69,37)
```
#015830
```
#015830 rgb(1,88,48)
```
#016c3a
```
#016c3a rgb(1,108,58)
```
#017f45
```
#017f45 rgb(1,127,69)
```
#01934f
```
#01934f rgb(1,147,79)
```
#02a65a
```
#02a65a rgb(2,166,90)
```
#02ba64
```
#02ba64 rgb(2,186,100)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```
#02e07a
```
#02e07a rgb(2,224,122)
```
#02f484
```
#02f484 rgb(2,244,132)
```

Shade Color Variation

#0dfd8e
```
#0dfd8e rgb(13,253,142)
```
#21fd97
```
#21fd97 rgb(33,253,151)
```
#34fda0
```
#34fda0 rgb(52,253,160)
```
#47fda9
```
#47fda9 rgb(71,253,169)
```
#5bfdb2
```
#5bfdb2 rgb(91,253,178)
```
#6efebb
```
#6efebb rgb(110,254,187)
```
#82fec4
```
#82fec4 rgb(130,254,196)
```
#95fecd
```
#95fecd rgb(149,254,205)
```
#a9fed7
```
#a9fed7 rgb(169,254,215)
```
#bcfee0
```
#bcfee0 rgb(188,254,224)
```
#cfffe9
```
#cfffe9 rgb(207,255,233)
```
#e3fff2
```
#e3fff2 rgb(227,255,242)
```
#f6fffb
```
#f6fffb rgb(246,255,251)
```

Tint Color Variation

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

#626d68
```
#626d68 rgb(98,109,104)
```
#5a7569
```
#5a7569 rgb(90,117,105)
```
#527d69
```
#527d69 rgb(82,125,105)
```
#4a856a
```
#4a856a rgb(74,133,106)
```
#428d6a
```
#428d6a rgb(66,141,106)
```
#3a956b
```
#3a956b rgb(58,149,107)
```
#329d6b
```
#329d6b rgb(50,157,107)
```
#2aa56c
```
#2aa56c rgb(42,165,108)
```
#22ad6d
```
#22ad6d rgb(34,173,109)
```
#1ab56d
```
#1ab56d rgb(26,181,109)
```
#12bd6e
```
#12bd6e rgb(18,189,110)
```
#0ac56e
```
#0ac56e rgb(10,197,110)
```
#02cd6f
```
#02cd6f rgb(2,205,111)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c9481 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b66d Protanopia 1% of men
#d8af81 Deuteranopia 1% of men
#5bc4d3 Tritanopia 0.001% of the population

Trichromacy

#7fbe6e Protanomaly 1% of men, 0.01% of women
#8aba7b Deuteranomaly 6% of men, 0.4% of women
#3ac7ae Tritanomaly 0.01% of the population