#556d6b hex color

In a RGB color space, hex #556d6b is composed of 33.3% red, 42.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 0% magenta, 1.8% yellow and 57.3% black. It has a hue angle of 175 degrees, a saturation of 12.4% and a lightness of 38%. #556d6b color hex could be obtained by blending #aadad6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 43
- B 42
RGB color chart
- C 22
- M 0
- Y 2
- K 57
CMYK color chart

● #556d6b color description : Very dark grayish cyan.

The hexadecimal color #556d6b has RGB values of R:85, G:109, B:107 and CMYK values of C:0.22, M:0, Y:0.02, K:0.57. Its decimal value is 5598571.

Hex triplet	556d6b	`#556d6b`
RGB Decimal	85, 109, 107	`rgb(85,109,107)`
RGB Percent	33.3, 42.7, 42	`rgb(33.3%,42.7%,42%)`
CMYK	22, 0, 2, 57
HSL	175°, 12.4, 38	`hsl(175,12.4%,38%)`
HSV (or HSB)	175°, 22, 42.7
Web Safe	666666	`#666666`

CIE-LAB	44.132, -9.279, -1.803
XYZ	11.868, 13.93, 15.973
xyY	0.284, 0.333, 13.93
CIE-LCH	44.132, 9.453, 190.999
CIE-LUV	44.132, -12.155, -1.044
Hunter-Lab	37.323, -8.554, 0.752
Binary	01010101, 01101101, 01101011

#556d6b
```
#556d6b rgb(85,109,107)
```
#6d5557
```
#6d5557 rgb(109,85,87)
```

Complementary Color

#556d5f
```
#556d5f rgb(85,109,95)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#55636d
```
#55636d rgb(85,99,109)
```

Analogous Color

#6d5f55
```
#6d5f55 rgb(109,95,85)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#6d5563
```
#6d5563 rgb(109,85,99)
```

Split Complementary Color

#6d6b55
```
#6d6b55 rgb(109,107,85)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#6b556d
```
#6b556d rgb(107,85,109)
```

Triadic Color

#576d55
```
#576d55 rgb(87,109,85)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#6b556d
```
#6b556d rgb(107,85,109)
```
#6d5557
```
#6d5557 rgb(109,85,87)
```

Tetradic Color

#334241
```
#334241 rgb(51,66,65)
```
#3f504f
```
#3f504f rgb(63,80,79)
```
#4a5f5d
```
#4a5f5d rgb(74,95,93)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#607b79
```
#607b79 rgb(96,123,121)
```
#6b8a87
```
#6b8a87 rgb(107,138,135)
```
#789694
```
#789694 rgb(120,150,148)
```

Monochromatic Color

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

#556d65
```
#556d65 rgb(85,109,101)
```
#556d67
```
#556d67 rgb(85,109,103)
```
#556d69
```
#556d69 rgb(85,109,105)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#556d6d
```
#556d6d rgb(85,109,109)
```
#556b6d
```
#556b6d rgb(85,107,109)
```
#55696d
```
#55696d rgb(85,105,109)
```

Similar Colors

Text with hexadecimal color #556d6b

This text has a font color of #556d6b.

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

#556d6b background color

This paragraph has a background color of #556d6b.

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

#556d6b border color

This element has a border color of #556d6b.

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

CSS codes

.text {color:#556d6b;}

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

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

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

#080a0a
```
#080a0a rgb(8,10,10)
```
#101514
```
#101514 rgb(16,21,20)
```
#19201f
```
#19201f rgb(25,32,31)
```
#212b2a
```
#212b2a rgb(33,43,42)
```
#2a3635
```
#2a3635 rgb(42,54,53)
```
#334140
```
#334140 rgb(51,65,64)
```
#3b4c4b
```
#3b4c4b rgb(59,76,75)
```
#445755
```
#445755 rgb(68,87,85)
```
#4c6260
```
#4c6260 rgb(76,98,96)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#5e7876
```
#5e7876 rgb(94,120,118)
```
#668381
```
#668381 rgb(102,131,129)
```
#6f8e8b
```
#6f8e8b rgb(111,142,139)
```

Shade Color Variation

#7a9794
```
#7a9794 rgb(122,151,148)
```
#85a09d
```
#85a09d rgb(133,160,157)
```
#90a8a6
```
#90a8a6 rgb(144,168,166)
```
#9bb1af
```
#9bb1af rgb(155,177,175)
```
#a6b9b8
```
#a6b9b8 rgb(166,185,184)
```
#b1c2c0
```
#b1c2c0 rgb(177,194,192)
```
#bccac9
```
#bccac9 rgb(188,202,201)
```
#c7d3d2
```
#c7d3d2 rgb(199,211,210)
```
#d2dcdb
```
#d2dcdb rgb(210,220,219)
```
#dde4e4
```
#dde4e4 rgb(221,228,228)
```
#e8edec
```
#e8edec rgb(232,237,236)
```
#f3f5f5
```
#f3f5f5 rgb(243,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5c6665
```
#5c6665 rgb(92,102,101)
```
#556d6b
```
#556d6b rgb(85,109,107)
```
#4e7471
```
#4e7471 rgb(78,116,113)
```
#467c77
```
#467c77 rgb(70,124,119)
```
#3f837e
```
#3f837e rgb(63,131,126)
```
#378b84
```
#378b84 rgb(55,139,132)
```
#30928a
```
#30928a rgb(48,146,138)
```
#289a90
```
#289a90 rgb(40,154,144)
```
#21a197
```
#21a197 rgb(33,161,151)
```
#19a99d
```
#19a99d rgb(25,169,157)
```
#12b0a3
```
#12b0a3 rgb(18,176,163)
```
#0ab8a9
```
#0ab8a9 rgb(10,184,169)
```
#03bfaf
```
#03bfaf rgb(3,191,175)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#636767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716f70 Protanopia 1% of men
#786d75 Deuteranopia 1% of men
#5f737b Tritanopia 0.001% of the population

Trichromacy

#676e6e Protanomaly 1% of men, 0.01% of women
#6b6d71 Deuteranomaly 6% of men, 0.4% of women
#5b7075 Tritanomaly 0.01% of the population

#556d6b hex color

#556d6b Color Information

#556d6b Color Conversion

Color Schemes with #556d6b

Alternatives to #556d6b

#556d6b Preview

Shades and Tints of #556d6b

Tones of #556d6b

Color Blindness Simulator