colorhexa.com

#2cb864 hex color

In a RGB color space, hex #2cb864 is composed of 17.3% red, 72.2% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 45.7% yellow and 27.8% black. It has a hue angle of 144 degrees, a saturation of 61.4% and a lightness of 44.7%. #2cb864 color hex could be obtained by blending #58ffc8 with #007100. Closest websafe color is: #33cc66.

- R 17
- G 72
- B 39
RGB color chart
- C 76
- M 0
- Y 46
- K 28
CMYK color chart

● #2cb864 color description : Strong cyan - lime green.

The hexadecimal color #2cb864 has RGB values of R:44, G:184, B:100 and CMYK values of C:0.76, M:0, Y:0.46, K:0.28. Its decimal value is 2930788.

Hex triplet	2cb864	`#2cb864`
RGB Decimal	44, 184, 100	`rgb(44,184,100)`
RGB Percent	17.3, 72.2, 39.2	`rgb(17.3%,72.2%,39.2%)`
CMYK	76, 0, 46, 28
HSL	144°, 61.4, 44.7	`hsl(144,61.4%,44.7%)`
HSV (or HSB)	144°, 76.1, 72.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.317, -55.067, 32.416
XYZ	20.478, 35.734, 17.874
xyY	0.276, 0.482, 35.734
CIE-LCH	66.317, 63.899, 149.516
CIE-LUV	66.317, -54.816, 50.686
Hunter-Lab	59.778, -43.464, 24.117
Binary	00101100, 10111000, 01100100

#2cb864
```
#2cb864 rgb(44,184,100)
```
#b82c80
```
#b82c80 rgb(184,44,128)
```

Complementary Color

#3ab82c
```
#3ab82c rgb(58,184,44)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#2cb8aa
```
#2cb8aa rgb(44,184,170)
```

Analogous Color

#b82c3a
```
#b82c3a rgb(184,44,58)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#aa2cb8
```
#aa2cb8 rgb(170,44,184)
```

Split Complementary Color

#b8642c
```
#b8642c rgb(184,100,44)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#642cb8
```
#642cb8 rgb(100,44,184)
```

Triadic Color

#80b82c
```
#80b82c rgb(128,184,44)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#642cb8
```
#642cb8 rgb(100,44,184)
```
#b82c80
```
#b82c80 rgb(184,44,128)
```

Tetradic Color

#1d7a42
```
#1d7a42 rgb(29,122,66)
```
#228f4e
```
#228f4e rgb(34,143,78)
```
#27a359
```
#27a359 rgb(39,163,89)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#31cd6f
```
#31cd6f rgb(49,205,111)
```
#45d27d
```
#45d27d rgb(69,210,125)
```
#59d78c
```
#59d78c rgb(89,215,140)
```

Monochromatic Color

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

#2cb841
```
#2cb841 rgb(44,184,65)
```
#2cb84d
```
#2cb84d rgb(44,184,77)
```
#2cb858
```
#2cb858 rgb(44,184,88)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#2cb870
```
#2cb870 rgb(44,184,112)
```
#2cb87b
```
#2cb87b rgb(44,184,123)
```
#2cb887
```
#2cb887 rgb(44,184,135)
```

Similar Colors

Text with hexadecimal color #2cb864

This text has a font color of #2cb864.

<span style="color:#2cb864;">Text here</span>

#2cb864 background color

This paragraph has a background color of #2cb864.

<p style="background-color:#2cb864;">Content here</p>

#2cb864 border color

This element has a border color of #2cb864.

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

CSS codes

.text {color:#2cb864;}

.background {background-color:#2cb864;}

.border {border:1px solid #2cb864;}

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, #020a05 is the darkest color, while #f9fefb is the lightest one.

#020a05
```
#020a05 rgb(2,10,5)
```
#061a0e
```
#061a0e rgb(6,26,14)
```
#0a2a17
```
#0a2a17 rgb(10,42,23)
```
#0e391f
```
#0e391f rgb(14,57,31)
```
#124928
```
#124928 rgb(18,73,40)
```
#155930
```
#155930 rgb(21,89,48)
```
#196939
```
#196939 rgb(25,105,57)
```
#1d7942
```
#1d7942 rgb(29,121,66)
```
#21894a
```
#21894a rgb(33,137,74)
```
#249853
```
#249853 rgb(36,152,83)
```
#28a85b
```
#28a85b rgb(40,168,91)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#30c86d
```
#30c86d rgb(48,200,109)
```

Shade Color Variation

#3bd077
```
#3bd077 rgb(59,208,119)
```
#4bd482
```
#4bd482 rgb(75,212,130)
```
#5bd88d
```
#5bd88d rgb(91,216,141)
```
#6bdc98
```
#6bdc98 rgb(107,220,152)
```
#7adfa3
```
#7adfa3 rgb(122,223,163)
```
#8ae3ae
```
#8ae3ae rgb(138,227,174)
```
#9ae7b9
```
#9ae7b9 rgb(154,231,185)
```
#aaebc4
```
#aaebc4 rgb(170,235,196)
```
#baeecf
```
#baeecf rgb(186,238,207)
```
#caf2da
```
#caf2da rgb(202,242,218)
```
#d9f6e5
```
#d9f6e5 rgb(217,246,229)
```
#e9faf0
```
#e9faf0 rgb(233,250,240)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #697b70 is the less saturated color, while #00e45b is the most saturated one.

#697b70
```
#697b70 rgb(105,123,112)
```
#61836f
```
#61836f rgb(97,131,111)
```
#588c6d
```
#588c6d rgb(88,140,109)
```
#4f956b
```
#4f956b rgb(79,149,107)
```
#469e69
```
#469e69 rgb(70,158,105)
```
#3ea668
```
#3ea668 rgb(62,166,104)
```
#35af66
```
#35af66 rgb(53,175,102)
```
#2cb864
```
#2cb864 rgb(44,184,100)
```
#23c162
```
#23c162 rgb(35,193,98)
```
#1aca60
```
#1aca60 rgb(26,202,96)
```
#12d25f
```
#12d25f rgb(18,210,95)
```
#09db5d
```
#09db5d rgb(9,219,93)
```
#00e45b
```
#00e45b rgb(0,228,91)
```

Tone Color Variation

Below, you can see how #2cb864 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
#738f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a664 Protanopia 1% of men
#c49f75 Deuteranopia 1% of men
#5db2bf Tritanopia 0.001% of the population

Trichromacy

#83ac64 Protanomaly 1% of men, 0.01% of women
#8da86f Deuteranomaly 6% of men, 0.4% of women
#4bb49d Tritanomaly 0.01% of the population