#2cb960 hex color

In a RGB color space, hex #2cb960 is composed of 17.3% red, 72.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 48.1% yellow and 27.5% black. It has a hue angle of 142.1 degrees, a saturation of 61.6% and a lightness of 44.9%. #2cb960 color hex could be obtained by blending #58ffc0 with #007300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 17
- G 73
- B 38
RGB color chart
- C 76
- M 0
- Y 48
- K 27
CMYK color chart

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

The hexadecimal color #2cb960 has RGB values of R:44, G:185, B:96 and CMYK values of C:0.76, M:0, Y:0.48, K:0.27. Its decimal value is 2931040.

Hex triplet	2cb960	`#2cb960`
RGB Decimal	44, 185, 96	`rgb(44,185,96)`
RGB Percent	17.3, 72.5, 37.6	`rgb(17.3%,72.5%,37.6%)`
CMYK	76, 0, 48, 27
HSL	142.1°, 61.6, 44.9	`hsl(142.1,61.6%,44.9%)`
HSV (or HSB)	142.1°, 76.2, 72.5
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.578, -56.098, 34.79
XYZ	20.498, 36.076, 16.949
xyY	0.279, 0.491, 36.076
CIE-LCH	66.578, 66.01, 148.194
CIE-LUV	66.578, -55.37, 53.466
Hunter-Lab	60.063, -44.194, 25.314
Binary	00101100, 10111001, 01100000

#2cb960
```
#2cb960 rgb(44,185,96)
```
#b92c85
```
#b92c85 rgb(185,44,133)
```

Complementary Color

#3fb92c
```
#3fb92c rgb(63,185,44)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#2cb9a7
```
#2cb9a7 rgb(44,185,167)
```

Analogous Color

#b92c3f
```
#b92c3f rgb(185,44,63)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#a72cb9
```
#a72cb9 rgb(167,44,185)
```

Split Complementary Color

#b9602c
```
#b9602c rgb(185,96,44)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#602cb9
```
#602cb9 rgb(96,44,185)
```

Triadic Color

#85b92c
```
#85b92c rgb(133,185,44)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#602cb9
```
#602cb9 rgb(96,44,185)
```
#b92c85
```
#b92c85 rgb(185,44,133)
```

Tetradic Color

#1d7b40
```
#1d7b40 rgb(29,123,64)
```
#22904b
```
#22904b rgb(34,144,75)
```
#27a455
```
#27a455 rgb(39,164,85)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#31ce6b
```
#31ce6b rgb(49,206,107)
```
#45d379
```
#45d379 rgb(69,211,121)
```
#5ad888
```
#5ad888 rgb(90,216,136)
```

Monochromatic Color

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

#2cb93d
```
#2cb93d rgb(44,185,61)
```
#2cb949
```
#2cb949 rgb(44,185,73)
```
#2cb954
```
#2cb954 rgb(44,185,84)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#2cb96c
```
#2cb96c rgb(44,185,108)
```
#2cb978
```
#2cb978 rgb(44,185,120)
```
#2cb983
```
#2cb983 rgb(44,185,131)
```

Similar Colors

Text with hexadecimal color #2cb960

This text has a font color of #2cb960.

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

#2cb960 background color

This paragraph has a background color of #2cb960.

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

#2cb960 border color

This element has a border color of #2cb960.

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

CSS codes

.text {color:#2cb960;}

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

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

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

#030b06
```
#030b06 rgb(3,11,6)
```
#061b0e
```
#061b0e rgb(6,27,14)
```
#0a2a16
```
#0a2a16 rgb(10,42,22)
```
#0e3a1e
```
#0e3a1e rgb(14,58,30)
```
#124a26
```
#124a26 rgb(18,74,38)
```
#155a2f
```
#155a2f rgb(21,90,47)
```
#196a37
```
#196a37 rgb(25,106,55)
```
#1d7a3f
```
#1d7a3f rgb(29,122,63)
```
#218947
```
#218947 rgb(33,137,71)
```
#249950
```
#249950 rgb(36,153,80)
```
#28a958
```
#28a958 rgb(40,169,88)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#30c968
```
#30c968 rgb(48,201,104)
```

Shade Color Variation

#3cd173
```
#3cd173 rgb(60,209,115)
```
#4cd47e
```
#4cd47e rgb(76,212,126)
```
#5bd889
```
#5bd889 rgb(91,216,137)
```
#6bdc95
```
#6bdc95 rgb(107,220,149)
```
#7be0a0
```
#7be0a0 rgb(123,224,160)
```
#8be3ac
```
#8be3ac rgb(139,227,172)
```
#9be7b7
```
#9be7b7 rgb(155,231,183)
```
#abebc2
```
#abebc2 rgb(171,235,194)
```
#baefce
```
#baefce rgb(186,239,206)
```
#caf2d9
```
#caf2d9 rgb(202,242,217)
```
#daf6e5
```
#daf6e5 rgb(218,246,229)
```
#eafaf0
```
#eafaf0 rgb(234,250,240)
```
#fafefb
```
#fafefb rgb(250,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727372 is the less saturated color, while #09dc57 is the most saturated one.

#727372
```
#727372 rgb(114,115,114)
```
#6a7b70
```
#6a7b70 rgb(106,123,112)
```
#61846e
```
#61846e rgb(97,132,110)
```
#588d6c
```
#588d6c rgb(88,141,108)
```
#4f9669
```
#4f9669 rgb(79,150,105)
```
#469f67
```
#469f67 rgb(70,159,103)
```
#3ea765
```
#3ea765 rgb(62,167,101)
```
#35b062
```
#35b062 rgb(53,176,98)
```
#2cb960
```
#2cb960 rgb(44,185,96)
```
#23c25e
```
#23c25e rgb(35,194,94)
```
#1acb5b
```
#1acb5b rgb(26,203,91)
```
#12d359
```
#12d359 rgb(18,211,89)
```
#09dc57
```
#09dc57 rgb(9,220,87)
```

Tone Color Variation

Below, you can see how #2cb960 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

#b6a660 Protanopia 1% of men
#c69f72 Deuteranopia 1% of men
#5eb2bf Tritanopia 0.001% of the population

Trichromacy

#84ad60 Protanomaly 1% of men, 0.01% of women
#8ea96b Deuteranomaly 6% of men, 0.4% of women
#4cb49c Tritanomaly 0.01% of the population

#2cb960 hex color

#2cb960 Color Information

#2cb960 Color Conversion

Color Schemes with #2cb960

Alternatives to #2cb960

#2cb960 Preview

Shades and Tints of #2cb960

Tones of #2cb960

Color Blindness Simulator