#2cba5f hex color

In a RGB color space, hex #2cba5f is composed of 17.3% red, 72.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 141.5 degrees, a saturation of 61.7% and a lightness of 45.1%. #2cba5f color hex could be obtained by blending #58ffbe with #007500. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2cba5f has RGB values of R:44, G:186, B:95 and CMYK values of C:0.76, M:0, Y:0.49, K:0.27. Its decimal value is 2931295.

Hex triplet	2cba5f	`#2cba5f`
RGB Decimal	44, 186, 95	`rgb(44,186,95)`
RGB Percent	17.3, 72.9, 37.3	`rgb(17.3%,72.9%,37.3%)`
CMYK	76, 0, 49, 27
HSL	141.5°, 61.7, 45.1	`hsl(141.5,61.7%,45.1%)`
HSV (or HSB)	141.5°, 76.3, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.883, -56.615, 35.679
XYZ	20.662, 36.477, 16.778
xyY	0.28, 0.493, 36.477
CIE-LCH	66.883, 66.92, 147.781
CIE-LUV	66.883, -55.769, 54.563
Hunter-Lab	60.397, -44.629, 25.807
Binary	00101100, 10111010, 01011111

#2cba5f
```
#2cba5f rgb(44,186,95)
```
#ba2c87
```
#ba2c87 rgb(186,44,135)
```

Complementary Color

#40ba2c
```
#40ba2c rgb(64,186,44)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#2cbaa6
```
#2cbaa6 rgb(44,186,166)
```

Analogous Color

#ba2c40
```
#ba2c40 rgb(186,44,64)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#a62cba
```
#a62cba rgb(166,44,186)
```

Split Complementary Color

#ba5f2c
```
#ba5f2c rgb(186,95,44)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#5f2cba
```
#5f2cba rgb(95,44,186)
```

Triadic Color

#87ba2c
```
#87ba2c rgb(135,186,44)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#5f2cba
```
#5f2cba rgb(95,44,186)
```
#ba2c87
```
#ba2c87 rgb(186,44,135)
```

Tetradic Color

#1d7c3f
```
#1d7c3f rgb(29,124,63)
```
#22914a
```
#22914a rgb(34,145,74)
```
#27a554
```
#27a554 rgb(39,165,84)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#31ce6a
```
#31ce6a rgb(49,206,106)
```
#46d379
```
#46d379 rgb(70,211,121)
```
#5ad888
```
#5ad888 rgb(90,216,136)
```

Monochromatic Color

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

#2cba3c
```
#2cba3c rgb(44,186,60)
```
#2cba47
```
#2cba47 rgb(44,186,71)
```
#2cba53
```
#2cba53 rgb(44,186,83)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#2cba6b
```
#2cba6b rgb(44,186,107)
```
#2cba77
```
#2cba77 rgb(44,186,119)
```
#2cba83
```
#2cba83 rgb(44,186,131)
```

Similar Colors

Text with hexadecimal color #2cba5f

This text has a font color of #2cba5f.

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

#2cba5f background color

This paragraph has a background color of #2cba5f.

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

#2cba5f border color

This element has a border color of #2cba5f.

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

CSS codes

.text {color:#2cba5f;}

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

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

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

#030c06
```
#030c06 rgb(3,12,6)
```
#061b0e
```
#061b0e rgb(6,27,14)
```
#0a2b16
```
#0a2b16 rgb(10,43,22)
```
#0e3b1e
```
#0e3b1e rgb(14,59,30)
```
#124b26
```
#124b26 rgb(18,75,38)
```
#155b2e
```
#155b2e rgb(21,91,46)
```
#196b36
```
#196b36 rgb(25,107,54)
```
#1d7b3f
```
#1d7b3f rgb(29,123,63)
```
#218a47
```
#218a47 rgb(33,138,71)
```
#249a4f
```
#249a4f rgb(36,154,79)
```
#28aa57
```
#28aa57 rgb(40,170,87)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#30ca67
```
#30ca67 rgb(48,202,103)
```

Shade Color Variation

#3cd172
```
#3cd172 rgb(60,209,114)
```
#4cd57d
```
#4cd57d rgb(76,213,125)
```
#5cd889
```
#5cd889 rgb(92,216,137)
```
#6cdc94
```
#6cdc94 rgb(108,220,148)
```
#7ce0a0
```
#7ce0a0 rgb(124,224,160)
```
#8ce4ab
```
#8ce4ab rgb(140,228,171)
```
#9be7b7
```
#9be7b7 rgb(155,231,183)
```
#abebc2
```
#abebc2 rgb(171,235,194)
```
#bbefce
```
#bbefce rgb(187,239,206)
```
#cbf3d9
```
#cbf3d9 rgb(203,243,217)
```
#dbf6e5
```
#dbf6e5 rgb(219,246,229)
```
#ebfaf0
```
#ebfaf0 rgb(235,250,240)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#6a7c70
```
#6a7c70 rgb(106,124,112)
```
#61856e
```
#61856e rgb(97,133,110)
```
#588e6b
```
#588e6b rgb(88,142,107)
```
#4f9769
```
#4f9769 rgb(79,151,105)
```
#479f66
```
#479f66 rgb(71,159,102)
```
#3ea864
```
#3ea864 rgb(62,168,100)
```
#35b161
```
#35b161 rgb(53,177,97)
```
#2cba5f
```
#2cba5f rgb(44,186,95)
```
#23c35d
```
#23c35d rgb(35,195,93)
```
#1acc5a
```
#1acc5a rgb(26,204,90)
```
#11d558
```
#11d558 rgb(17,213,88)
```
#09dd55
```
#09dd55 rgb(9,221,85)
```

Tone Color Variation

Below, you can see how #2cba5f 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
#73907d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a75f Protanopia 1% of men
#c7a071 Deuteranopia 1% of men
#5fb3c0 Tritanopia 0.001% of the population

Trichromacy

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

#2cba5f hex color

#2cba5f Color Information

#2cba5f Color Conversion

Color Schemes with #2cba5f

Alternatives to #2cba5f

#2cba5f Preview

Shades and Tints of #2cba5f

Tones of #2cba5f

Color Blindness Simulator