#556f5d hex color

In a RGB color space, hex #556f5d is composed of 33.3% red, 43.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 23.4% cyan, 0% magenta, 16.2% yellow and 56.5% black. It has a hue angle of 138.5 degrees, a saturation of 13.3% and a lightness of 38.4%. #556f5d color hex could be obtained by blending #aadeba with #000000. Closest websafe color is: #666666.

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

● #556f5d color description : Very dark grayish cyan - lime green.

The hexadecimal color #556f5d has RGB values of R:85, G:111, B:93 and CMYK values of C:0.23, M:0, Y:0.16, K:0.56. Its decimal value is 5599069.

Hex triplet	556f5d	`#556f5d`
RGB Decimal	85, 111, 93	`rgb(85,111,93)`
RGB Percent	33.3, 43.5, 36.5	`rgb(33.3%,43.5%,36.5%)`
CMYK	23, 0, 16, 56
HSL	138.5°, 13.3, 38.4	`hsl(138.5,13.3%,38.4%)`
HSV (or HSB)	138.5°, 23.4, 43.5
Web Safe	666666	`#666666`

CIE-LAB	44.362, -13.557, 6.937
XYZ	11.406, 14.09, 12.474
xyY	0.3, 0.371, 14.09
CIE-LCH	44.362, 15.228, 152.903
CIE-LUV	44.362, -12.967, 10.993
Hunter-Lab	37.537, -11.45, 6.573
Binary	01010101, 01101111, 01011101

#556f5d
```
#556f5d rgb(85,111,93)
```
#6f5567
```
#6f5567 rgb(111,85,103)
```

Complementary Color

#5a6f55
```
#5a6f55 rgb(90,111,85)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#556f6a
```
#556f6a rgb(85,111,106)
```

Analogous Color

#6f555a
```
#6f555a rgb(111,85,90)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#6a556f
```
#6a556f rgb(106,85,111)
```

Split Complementary Color

#6f5d55
```
#6f5d55 rgb(111,93,85)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#5d556f
```
#5d556f rgb(93,85,111)
```

Triadic Color

#676f55
```
#676f55 rgb(103,111,85)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#5d556f
```
#5d556f rgb(93,85,111)
```
#6f5567
```
#6f5567 rgb(111,85,103)
```

Tetradic Color

#344439
```
#344439 rgb(52,68,57)
```
#3f5245
```
#3f5245 rgb(63,82,69)
```
#4a6151
```
#4a6151 rgb(74,97,81)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#607d69
```
#607d69 rgb(96,125,105)
```
#6b8c75
```
#6b8c75 rgb(107,140,117)
```
#789882
```
#789882 rgb(120,152,130)
```

Monochromatic Color

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

#556f57
```
#556f57 rgb(85,111,87)
```
#556f59
```
#556f59 rgb(85,111,89)
```
#556f5b
```
#556f5b rgb(85,111,91)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#556f5f
```
#556f5f rgb(85,111,95)
```
#556f61
```
#556f61 rgb(85,111,97)
```
#556f64
```
#556f64 rgb(85,111,100)
```

Similar Colors

Text with hexadecimal color #556f5d

This text has a font color of #556f5d.

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

#556f5d background color

This paragraph has a background color of #556f5d.

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

#556f5d border color

This element has a border color of #556f5d.

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

CSS codes

.text {color:#556f5d;}

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

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

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, #080b09 is the darkest color, while #ffffff is the lightest one.

#080b09
```
#080b09 rgb(8,11,9)
```
#111613
```
#111613 rgb(17,22,19)
```
#19211c
```
#19211c rgb(25,33,28)
```
#222c25
```
#222c25 rgb(34,44,37)
```
#2a372e
```
#2a372e rgb(42,55,46)
```
#334338
```
#334338 rgb(51,67,56)
```
#3b4e41
```
#3b4e41 rgb(59,78,65)
```
#44594a
```
#44594a rgb(68,89,74)
```
#4c6454
```
#4c6454 rgb(76,100,84)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#5e7a66
```
#5e7a66 rgb(94,122,102)
```
#668570
```
#668570 rgb(102,133,112)
```
#6f9079
```
#6f9079 rgb(111,144,121)
```

Shade Color Variation

#7a9983
```
#7a9983 rgb(122,153,131)
```
#85a18e
```
#85a18e rgb(133,161,142)
```
#90aa98
```
#90aa98 rgb(144,170,152)
```
#9bb2a2
```
#9bb2a2 rgb(155,178,162)
```
#a6bbac
```
#a6bbac rgb(166,187,172)
```
#b1c3b7
```
#b1c3b7 rgb(177,195,183)
```
#bcccc1
```
#bcccc1 rgb(188,204,193)
```
#c7d4cb
```
#c7d4cb rgb(199,212,203)
```
#d2ddd6
```
#d2ddd6 rgb(210,221,214)
```
#dee5e0
```
#dee5e0 rgb(222,229,224)
```
#e9eeea
```
#e9eeea rgb(233,238,234)
```
#f4f6f5
```
#f4f6f5 rgb(244,246,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5d6760
```
#5d6760 rgb(93,103,96)
```
#556f5d
```
#556f5d rgb(85,111,93)
```
#4d775a
```
#4d775a rgb(77,119,90)
```
#467e57
```
#467e57 rgb(70,126,87)
```
#3e8654
```
#3e8654 rgb(62,134,84)
```
#378d51
```
#378d51 rgb(55,141,81)
```
#2f954f
```
#2f954f rgb(47,149,79)
```
#289c4c
```
#289c4c rgb(40,156,76)
```
#20a449
```
#20a449 rgb(32,164,73)
```
#19ab46
```
#19ab46 rgb(25,171,70)
```
#11b343
```
#11b343 rgb(17,179,67)
```
#0aba40
```
#0aba40 rgb(10,186,64)
```
#02c23d
```
#02c23d rgb(2,194,61)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#626763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757062 Protanopia 1% of men
#7e6d68 Deuteranopia 1% of men
#62737b Tritanopia 0.001% of the population

Trichromacy

#696f60 Protanomaly 1% of men, 0.01% of women
#6f6d64 Deuteranomaly 6% of men, 0.4% of women
#5d7170 Tritanomaly 0.01% of the population

#556f5d hex color

#556f5d Color Information

#556f5d Color Conversion

Color Schemes with #556f5d

Alternatives to #556f5d

#556f5d Preview

Shades and Tints of #556f5d

Tones of #556f5d

Color Blindness Simulator