#2c5e4a hex color

In a RGB color space, hex #2c5e4a is composed of 17.3% red, 36.9% green and 29% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 0% magenta, 21.3% yellow and 63.1% black. It has a hue angle of 156 degrees, a saturation of 36.2% and a lightness of 27.1%. #2c5e4a color hex could be obtained by blending #58bc94 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 17
- G 37
- B 29
RGB color chart
- C 53
- M 0
- Y 21
- K 63
CMYK color chart

● #2c5e4a color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2c5e4a has RGB values of R:44, G:94, B:74 and CMYK values of C:0.53, M:0, Y:0.21, K:0.63. Its decimal value is 2907722.

Hex triplet	2c5e4a	`#2c5e4a`
RGB Decimal	44, 94, 74	`rgb(44,94,74)`
RGB Percent	17.3, 36.9, 29	`rgb(17.3%,36.9%,29%)`
CMYK	53, 0, 21, 63
HSL	156°, 36.2, 27.1	`hsl(156,36.2%,27.1%)`
HSV (or HSB)	156°, 53.2, 36.9
Web Safe	336633	`#336633`

CIE-LAB	36.051, -22.255, 6.358
XYZ	6.277, 9.035, 7.891
xyY	0.271, 0.389, 9.035
CIE-LCH	36.051, 23.145, 164.057
CIE-LUV	36.051, -21.608, 10.809
Hunter-Lab	30.058, -15.325, 5.475
Binary	00101100, 01011110, 01001010

#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#5e2c40
```
#5e2c40 rgb(94,44,64)
```

Complementary Color

#2c5e31
```
#2c5e31 rgb(44,94,49)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#2c595e
```
#2c595e rgb(44,89,94)
```

Analogous Color

#5e312c
```
#5e312c rgb(94,49,44)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#5e2c59
```
#5e2c59 rgb(94,44,89)
```

Split Complementary Color

#5e4a2c
```
#5e4a2c rgb(94,74,44)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#4a2c5e
```
#4a2c5e rgb(74,44,94)
```

Triadic Color

#405e2c
```
#405e2c rgb(64,94,44)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#4a2c5e
```
#4a2c5e rgb(74,44,94)
```
#5e2c40
```
#5e2c40 rgb(94,44,64)
```

Tetradic Color

#142a21
```
#142a21 rgb(20,42,33)
```
#1c3b2f
```
#1c3b2f rgb(28,59,47)
```
#244d3c
```
#244d3c rgb(36,77,60)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#346f58
```
#346f58 rgb(52,111,88)
```
#3c8165
```
#3c8165 rgb(60,129,101)
```
#449273
```
#449273 rgb(68,146,115)
```

Monochromatic Color

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

#2c5e3e
```
#2c5e3e rgb(44,94,62)
```
#2c5e42
```
#2c5e42 rgb(44,94,66)
```
#2c5e46
```
#2c5e46 rgb(44,94,70)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#2c5e4e
```
#2c5e4e rgb(44,94,78)
```
#2c5e52
```
#2c5e52 rgb(44,94,82)
```
#2c5e57
```
#2c5e57 rgb(44,94,87)
```

Similar Colors

Text with hexadecimal color #2c5e4a

This text has a font color of #2c5e4a.

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

#2c5e4a background color

This paragraph has a background color of #2c5e4a.

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

#2c5e4a border color

This element has a border color of #2c5e4a.

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

CSS codes

.text {color:#2c5e4a;}

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

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

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, #000000 is the darkest color, while #f2f9f6 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060e0b
```
#060e0b rgb(6,14,11)
```
#0d1b15
```
#0d1b15 rgb(13,27,21)
```
#132920
```
#132920 rgb(19,41,32)
```
#19362a
```
#19362a rgb(25,54,42)
```
#1f4335
```
#1f4335 rgb(31,67,53)
```
#26513f
```
#26513f rgb(38,81,63)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#326b55
```
#326b55 rgb(50,107,85)
```
#39795f
```
#39795f rgb(57,121,95)
```
#3f866a
```
#3f866a rgb(63,134,106)
```
#459374
```
#459374 rgb(69,147,116)
```
#4ba17f
```
#4ba17f rgb(75,161,127)
```

Shade Color Variation

#52ae89
```
#52ae89 rgb(82,174,137)
```
#5fb492
```
#5fb492 rgb(95,180,146)
```
#6cba9b
```
#6cba9b rgb(108,186,155)
```
#7ac1a4
```
#7ac1a4 rgb(122,193,164)
```
#87c7ad
```
#87c7ad rgb(135,199,173)
```
#95cdb7
```
#95cdb7 rgb(149,205,183)
```
#a2d3c0
```
#a2d3c0 rgb(162,211,192)
```
#afdac9
```
#afdac9 rgb(175,218,201)
```
#bde0d2
```
#bde0d2 rgb(189,224,210)
```
#cae6db
```
#cae6db rgb(202,230,219)
```
#d7ece4
```
#d7ece4 rgb(215,236,228)
```
#e5f3ed
```
#e5f3ed rgb(229,243,237)
```
#f2f9f6
```
#f2f9f6 rgb(242,249,246)
```

Tint Color Variation

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

#414946
```
#414946 rgb(65,73,70)
```
#3c4e47
```
#3c4e47 rgb(60,78,71)
```
#375348
```
#375348 rgb(55,83,72)
```
#315949
```
#315949 rgb(49,89,73)
```
#2c5e4a
```
#2c5e4a rgb(44,94,74)
```
#27634b
```
#27634b rgb(39,99,75)
```
#21694c
```
#21694c rgb(33,105,76)
```
#1c6e4d
```
#1c6e4d rgb(28,110,77)
```
#17734e
```
#17734e rgb(23,115,78)
```
#11794f
```
#11794f rgb(17,121,79)
```
#0c7e50
```
#0c7e50 rgb(12,126,80)
```
#078351
```
#078351 rgb(7,131,81)
```
#028852
```
#028852 rgb(2,136,82)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#46504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#625d4f Protanopia 1% of men
#685a57 Deuteranopia 1% of men
#3e636a Tritanopia 0.001% of the population

Trichromacy

#4e5d4d Protanomaly 1% of men, 0.01% of women
#525b52 Deuteranomaly 6% of men, 0.4% of women
#38615e Tritanomaly 0.01% of the population

#2c5e4a hex color

#2c5e4a Color Information

#2c5e4a Color Conversion

Color Schemes with #2c5e4a

Alternatives to #2c5e4a

#2c5e4a Preview

Shades and Tints of #2c5e4a

Tones of #2c5e4a

Color Blindness Simulator