#2cb961 hex color

In a RGB color space, hex #2cb961 is composed of 17.3% red, 72.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 47.6% yellow and 27.5% black. It has a hue angle of 142.6 degrees, a saturation of 61.6% and a lightness of 44.9%. #2cb961 color hex could be obtained by blending #58ffc2 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

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

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

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

CIE-LAB	66.592, -55.933, 34.3
XYZ	20.544, 36.094, 17.193
xyY	0.278, 0.489, 36.094
CIE-LCH	66.592, 65.612, 148.482
CIE-LUV	66.592, -55.32, 52.922
Hunter-Lab	60.079, -44.099, 25.088
Binary	00101100, 10111001, 01100001

#2cb961
```
#2cb961 rgb(44,185,97)
```
#b92c84
```
#b92c84 rgb(185,44,132)
```

Complementary Color

#3eb92c
```
#3eb92c rgb(62,185,44)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#2cb9a8
```
#2cb9a8 rgb(44,185,168)
```

Analogous Color

#b92c3e
```
#b92c3e rgb(185,44,62)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#a82cb9
```
#a82cb9 rgb(168,44,185)
```

Split Complementary Color

#b9612c
```
#b9612c rgb(185,97,44)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#612cb9
```
#612cb9 rgb(97,44,185)
```

Triadic Color

#84b92c
```
#84b92c rgb(132,185,44)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#612cb9
```
#612cb9 rgb(97,44,185)
```
#b92c84
```
#b92c84 rgb(185,44,132)
```

Tetradic Color

#1d7b41
```
#1d7b41 rgb(29,123,65)
```
#22904b
```
#22904b rgb(34,144,75)
```
#27a456
```
#27a456 rgb(39,164,86)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#31ce6c
```
#31ce6c rgb(49,206,108)
```
#45d37a
```
#45d37a rgb(69,211,122)
```
#5ad889
```
#5ad889 rgb(90,216,137)
```

Monochromatic Color

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

#2cb93e
```
#2cb93e rgb(44,185,62)
```
#2cb94a
```
#2cb94a rgb(44,185,74)
```
#2cb955
```
#2cb955 rgb(44,185,85)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#2cb96d
```
#2cb96d rgb(44,185,109)
```
#2cb979
```
#2cb979 rgb(44,185,121)
```
#2cb984
```
#2cb984 rgb(44,185,132)
```

Similar Colors

Text with hexadecimal color #2cb961

This text has a font color of #2cb961.

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

#2cb961 background color

This paragraph has a background color of #2cb961.

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

#2cb961 border color

This element has a border color of #2cb961.

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

CSS codes

.text {color:#2cb961;}

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

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

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)
```
#0e3a1f
```
#0e3a1f rgb(14,58,31)
```
#124a27
```
#124a27 rgb(18,74,39)
```
#155a2f
```
#155a2f rgb(21,90,47)
```
#196a37
```
#196a37 rgb(25,106,55)
```
#1d7a40
```
#1d7a40 rgb(29,122,64)
```
#218948
```
#218948 rgb(33,137,72)
```
#249950
```
#249950 rgb(36,153,80)
```
#28a959
```
#28a959 rgb(40,169,89)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#30c969
```
#30c969 rgb(48,201,105)
```

Shade Color Variation

#3cd174
```
#3cd174 rgb(60,209,116)
```
#4cd47f
```
#4cd47f rgb(76,212,127)
```
#5bd88a
```
#5bd88a rgb(91,216,138)
```
#6bdc96
```
#6bdc96 rgb(107,220,150)
```
#7be0a1
```
#7be0a1 rgb(123,224,161)
```
#8be3ac
```
#8be3ac rgb(139,227,172)
```
#9be7b7
```
#9be7b7 rgb(155,231,183)
```
#abebc3
```
#abebc3 rgb(171,235,195)
```
#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 #09dc58 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)
```
#4f966a
```
#4f966a rgb(79,150,106)
```
#469f68
```
#469f68 rgb(70,159,104)
```
#3ea765
```
#3ea765 rgb(62,167,101)
```
#35b063
```
#35b063 rgb(53,176,99)
```
#2cb961
```
#2cb961 rgb(44,185,97)
```
#23c25f
```
#23c25f rgb(35,194,95)
```
#1acb5d
```
#1acb5d rgb(26,203,93)
```
#12d35a
```
#12d35a rgb(18,211,90)
```
#09dc58
```
#09dc58 rgb(9,220,88)
```

Tone Color Variation

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

#b6a661 Protanopia 1% of men
#c6a073 Deuteranopia 1% of men
#5eb2bf Tritanopia 0.001% of the population

Trichromacy

#84ad61 Protanomaly 1% of men, 0.01% of women
#8ea96c Deuteranomaly 6% of men, 0.4% of women
#4cb59d Tritanomaly 0.01% of the population

#2cb961 hex color

#2cb961 Color Information

#2cb961 Color Conversion

Color Schemes with #2cb961

Alternatives to #2cb961

#2cb961 Preview

Shades and Tints of #2cb961

Tones of #2cb961

Color Blindness Simulator