#4c5a56 hex color

In a RGB color space, hex #4c5a56 is composed of 29.8% red, 35.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 15.6% cyan, 0% magenta, 4.4% yellow and 64.7% black. It has a hue angle of 162.9 degrees, a saturation of 8.4% and a lightness of 32.5%. #4c5a56 color hex could be obtained by blending #98b4ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 30
- G 35
- B 34
RGB color chart
- C 16
- M 0
- Y 4
- K 65
CMYK color chart

● #4c5a56 color description : Very dark grayish cyan - lime green.

The hexadecimal color #4c5a56 has RGB values of R:76, G:90, B:86 and CMYK values of C:0.16, M:0, Y:0.04, K:0.65. Its decimal value is 5003862.

Hex triplet	4c5a56	`#4c5a56`
RGB Decimal	76, 90, 86	`rgb(76,90,86)`
RGB Percent	29.8, 35.3, 33.7	`rgb(29.8%,35.3%,33.7%)`
CMYK	16, 0, 4, 65
HSL	162.9°, 8.4, 32.5	`hsl(162.9,8.4%,32.5%)`
HSV (or HSB)	162.9°, 15.6, 35.3
Web Safe	336666	`#336666`

CIE-LAB	36.968, -6.339, 0.482
XYZ	8.316, 9.521, 10.203
xyY	0.297, 0.34, 9.521
CIE-LCH	36.968, 6.357, 175.655
CIE-LUV	36.968, -7.114, 1.514
Hunter-Lab	30.855, -5.889, 1.993
Binary	01001100, 01011010, 01010110

#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#5a4c50
```
#5a4c50 rgb(90,76,80)
```

Complementary Color

#4c5a4f
```
#4c5a4f rgb(76,90,79)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#4c575a
```
#4c575a rgb(76,87,90)
```

Analogous Color

#5a4f4c
```
#5a4f4c rgb(90,79,76)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#5a4c57
```
#5a4c57 rgb(90,76,87)
```

Split Complementary Color

#5a564c
```
#5a564c rgb(90,86,76)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#564c5a
```
#564c5a rgb(86,76,90)
```

Triadic Color

#505a4c
```
#505a4c rgb(80,90,76)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#564c5a
```
#564c5a rgb(86,76,90)
```
#5a4c50
```
#5a4c50 rgb(90,76,80)
```

Tetradic Color

#29312e
```
#29312e rgb(41,49,46)
```
#353e3c
```
#353e3c rgb(53,62,60)
```
#404c49
```
#404c49 rgb(64,76,73)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#586863
```
#586863 rgb(88,104,99)
```
#637670
```
#637670 rgb(99,118,112)
```
#6f837e
```
#6f837e rgb(111,131,126)
```

Monochromatic Color

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

#4c5a53
```
#4c5a53 rgb(76,90,83)
```
#4c5a54
```
#4c5a54 rgb(76,90,84)
```
#4c5a55
```
#4c5a55 rgb(76,90,85)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#4c5a57
```
#4c5a57 rgb(76,90,87)
```
#4c5a58
```
#4c5a58 rgb(76,90,88)
```
#4c5a5a
```
#4c5a5a rgb(76,90,90)
```

Similar Colors

Text with hexadecimal color #4c5a56

This text has a font color of #4c5a56.

<span style="color:#4c5a56;">Text here</span>

#4c5a56 background color

This paragraph has a background color of #4c5a56.

<p style="background-color:#4c5a56;">Content here</p>

#4c5a56 border color

This element has a border color of #4c5a56.

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

CSS codes

.text {color:#4c5a56;}

.background {background-color:#4c5a56;}

.border {border:1px solid #4c5a56;}

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

#040505
```
#040505 rgb(4,5,5)
```
#0d100f
```
#0d100f rgb(13,16,15)
```
#161a19
```
#161a19 rgb(22,26,25)
```
#1f2523
```
#1f2523 rgb(31,37,35)
```
#282f2d
```
#282f2d rgb(40,47,45)
```
#313a38
```
#313a38 rgb(49,58,56)
```
#3a4542
```
#3a4542 rgb(58,69,66)
```
#434f4c
```
#434f4c rgb(67,79,76)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#556560
```
#556560 rgb(85,101,96)
```
#5e6f6a
```
#5e6f6a rgb(94,111,106)
```
#677a74
```
#677a74 rgb(103,122,116)
```
#70857f
```
#70857f rgb(112,133,127)
```

Shade Color Variation

#7a8e88
```
#7a8e88 rgb(122,142,136)
```
#849792
```
#849792 rgb(132,151,146)
```
#8fa09b
```
#8fa09b rgb(143,160,155)
```
#9aa9a5
```
#9aa9a5 rgb(154,169,165)
```
#a4b2ae
```
#a4b2ae rgb(164,178,174)
```
#afbbb8
```
#afbbb8 rgb(175,187,184)
```
#b9c4c1
```
#b9c4c1 rgb(185,196,193)
```
#c4cdcb
```
#c4cdcb rgb(196,205,203)
```
#cfd6d4
```
#cfd6d4 rgb(207,214,212)
```
#d9dfde
```
#d9dfde rgb(217,223,222)
```
#e4e8e7
```
#e4e8e7 rgb(228,232,231)
```
#eff1f0
```
#eff1f0 rgb(239,241,240)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

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

#525453
```
#525453 rgb(82,84,83)
```
#4c5a56
```
#4c5a56 rgb(76,90,86)
```
#466059
```
#466059 rgb(70,96,89)
```
#3f675b
```
#3f675b rgb(63,103,91)
```
#396d5e
```
#396d5e rgb(57,109,94)
```
#327461
```
#327461 rgb(50,116,97)
```
#2c7a64
```
#2c7a64 rgb(44,122,100)
```
#268066
```
#268066 rgb(38,128,102)
```
#1f8769
```
#1f8769 rgb(31,135,105)
```
#198d6c
```
#198d6c rgb(25,141,108)
```
#13936f
```
#13936f rgb(19,147,111)
```
#0c9a71
```
#0c9a71 rgb(12,154,113)
```
#06a074
```
#06a074 rgb(6,160,116)
```

Tone Color Variation

Below, you can see how #4c5a56 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

#555555 Achromatopsia 0.005% of the population
#535655 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615f5d Protanopia 1% of men
#685c60 Deuteranopia 1% of men
#576168 Tritanopia 0.001% of the population

Trichromacy

#595d5a Protanomaly 1% of men, 0.01% of women
#5d5b5c Deuteranomaly 6% of men, 0.4% of women
#535e61 Tritanomaly 0.01% of the population

#4c5a56 hex color

#4c5a56 Color Information

#4c5a56 Color Conversion

Color Schemes with #4c5a56

Alternatives to #4c5a56

#4c5a56 Preview

Shades and Tints of #4c5a56

Tones of #4c5a56

Color Blindness Simulator