#556f4d hex color

In a RGB color space, hex #556f4d is composed of 33.3% red, 43.5% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 30.6% yellow and 56.5% black. It has a hue angle of 105.9 degrees, a saturation of 18.1% and a lightness of 36.9%. #556f4d color hex could be obtained by blending #aade9a with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 30
RGB color chart
- C 23
- M 0
- Y 31
- K 56
CMYK color chart

● #556f4d color description : Very dark grayish lime green.

The hexadecimal color #556f4d has RGB values of R:85, G:111, B:77 and CMYK values of C:0.23, M:0, Y:0.31, K:0.56. Its decimal value is 5599053.

Hex triplet	556f4d	`#556f4d`
RGB Decimal	85, 111, 77	`rgb(85,111,77)`
RGB Percent	33.3, 43.5, 30.2	`rgb(33.3%,43.5%,30.2%)`
CMYK	23, 0, 31, 56
HSL	105.9°, 18.1, 36.9	`hsl(105.9,18.1%,36.9%)`
HSV (or HSB)	105.9°, 30.6, 43.5
Web Safe	666666	`#666666`

CIE-LAB	43.996, -16.654, 15.923
XYZ	10.77, 13.836, 9.124
xyY	0.319, 0.41, 13.836
CIE-LCH	43.996, 23.041, 136.286
CIE-LUV	43.996, -12.863, 22.028
Hunter-Lab	37.196, -13.41, 11.494
Binary	01010101, 01101111, 01001101

#556f4d
```
#556f4d rgb(85,111,77)
```
#674d6f
```
#674d6f rgb(103,77,111)
```

Complementary Color

#666f4d
```
#666f4d rgb(102,111,77)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#4d6f56
```
#4d6f56 rgb(77,111,86)
```

Analogous Color

#6f4d66
```
#6f4d66 rgb(111,77,102)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#564d6f
```
#564d6f rgb(86,77,111)
```

Split Complementary Color

#6f4d55
```
#6f4d55 rgb(111,77,85)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#4d556f
```
#4d556f rgb(77,85,111)
```

Triadic Color

#6f674d
```
#6f674d rgb(111,103,77)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#4d556f
```
#4d556f rgb(77,85,111)
```
#674d6f
```
#674d6f rgb(103,77,111)
```

Tetradic Color

#32422e
```
#32422e rgb(50,66,46)
```
#3e5138
```
#3e5138 rgb(62,81,56)
```
#496043
```
#496043 rgb(73,96,67)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#617e57
```
#617e57 rgb(97,126,87)
```
#6c8d62
```
#6c8d62 rgb(108,141,98)
```
#789a6e
```
#789a6e rgb(120,154,110)
```

Monochromatic Color

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

#5e6f4d
```
#5e6f4d rgb(94,111,77)
```
#5b6f4d
```
#5b6f4d rgb(91,111,77)
```
#586f4d
```
#586f4d rgb(88,111,77)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#526f4d
```
#526f4d rgb(82,111,77)
```
#4f6f4d
```
#4f6f4d rgb(79,111,77)
```
#4d6f4e
```
#4d6f4e rgb(77,111,78)
```

Similar Colors

Text with hexadecimal color #556f4d

This text has a font color of #556f4d.

<span style="color:#556f4d;">Text here</span>

#556f4d background color

This paragraph has a background color of #556f4d.

<p style="background-color:#556f4d;">Content here</p>

#556f4d border color

This element has a border color of #556f4d.

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

CSS codes

.text {color:#556f4d;}

.background {background-color:#556f4d;}

.border {border:1px solid #556f4d;}

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

#050705
```
#050705 rgb(5,7,5)
```
#0e120d
```
#0e120d rgb(14,18,13)
```
#171e15
```
#171e15 rgb(23,30,21)
```
#202a1d
```
#202a1d rgb(32,42,29)
```
#293525
```
#293525 rgb(41,53,37)
```
#32412d
```
#32412d rgb(50,65,45)
```
#3a4c35
```
#3a4c35 rgb(58,76,53)
```
#43583d
```
#43583d rgb(67,88,61)
```
#4c6345
```
#4c6345 rgb(76,99,69)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#5e7b55
```
#5e7b55 rgb(94,123,85)
```
#67865d
```
#67865d rgb(103,134,93)
```
#709265
```
#709265 rgb(112,146,101)
```

Shade Color Variation

#7a9b6f
```
#7a9b6f rgb(122,155,111)
```
#84a37b
```
#84a37b rgb(132,163,123)
```
#8fab86
```
#8fab86 rgb(143,171,134)
```
#9ab392
```
#9ab392 rgb(154,179,146)
```
#a5bb9e
```
#a5bb9e rgb(165,187,158)
```
#afc3a9
```
#afc3a9 rgb(175,195,169)
```
#bacbb5
```
#bacbb5 rgb(186,203,181)
```
#c5d3c0
```
#c5d3c0 rgb(197,211,192)
```
#d0dccc
```
#d0dccc rgb(208,220,204)
```
#dae4d7
```
#dae4d7 rgb(218,228,215)
```
#e5ece3
```
#e5ece3 rgb(229,236,227)
```
#f0f4ef
```
#f0f4ef rgb(240,244,239)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#5d615b
```
#5d615b rgb(93,97,91)
```
#596854
```
#596854 rgb(89,104,84)
```
#556f4d
```
#556f4d rgb(85,111,77)
```
#517646
```
#517646 rgb(81,118,70)
```
#4d7d3f
```
#4d7d3f rgb(77,125,63)
```
#4a8537
```
#4a8537 rgb(74,133,55)
```
#468c30
```
#468c30 rgb(70,140,48)
```
#429329
```
#429329 rgb(66,147,41)
```
#3e9a22
```
#3e9a22 rgb(62,154,34)
```
#3aa21a
```
#3aa21a rgb(58,162,26)
```
#36a913
```
#36a913 rgb(54,169,19)
```
#33b00c
```
#33b00c rgb(51,176,12)
```
#2fb705
```
#2fb705 rgb(47,183,5)
```

Tone Color Variation

Below, you can see how #556f4d 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

#636363 Achromatopsia 0.005% of the population
#60655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#776f53 Protanopia 1% of men
#816b59 Deuteranopia 1% of men
#647179 Tritanopia 0.001% of the population

Trichromacy

#6b6f51 Protanomaly 1% of men, 0.01% of women
#716c55 Deuteranomaly 6% of men, 0.4% of women
#5f7069 Tritanomaly 0.01% of the population

#556f4d hex color

#556f4d Color Information

#556f4d Color Conversion

Color Schemes with #556f4d

Alternatives to #556f4d

#556f4d Preview

Shades and Tints of #556f4d

Tones of #556f4d

Color Blindness Simulator