#556e6a hex color

In a RGB color space, hex #556e6a is composed of 33.3% red, 43.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 0% magenta, 3.6% yellow and 56.9% black. It has a hue angle of 170.4 degrees, a saturation of 12.8% and a lightness of 38.2%. #556e6a color hex could be obtained by blending #aadcd4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #556e6a has RGB values of R:85, G:110, B:106 and CMYK values of C:0.23, M:0, Y:0.04, K:0.57. Its decimal value is 5598826.

Hex triplet	556e6a	`#556e6a`
RGB Decimal	85, 110, 106	`rgb(85,110,106)`
RGB Percent	33.3, 43.1, 41.6	`rgb(33.3%,43.1%,41.6%)`
CMYK	23, 0, 4, 57
HSL	170.4°, 12.8, 38.2	`hsl(170.4,12.8%,38.2%)`
HSV (or HSB)	170.4°, 22.7, 43.1
Web Safe	666666	`#666666`

CIE-LAB	44.409, -10.089, -0.795
XYZ	11.923, 14.123, 15.733
xyY	0.285, 0.338, 14.123
CIE-LCH	44.409, 10.121, 184.505
CIE-LUV	44.409, -12.606, 0.435
Hunter-Lab	37.581, -9.135, 1.486
Binary	01010101, 01101110, 01101010

#556e6a
```
#556e6a rgb(85,110,106)
```
#6e5559
```
#6e5559 rgb(110,85,89)
```

Complementary Color

#556e5e
```
#556e5e rgb(85,110,94)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#55666e
```
#55666e rgb(85,102,110)
```

Analogous Color

#6e5e55
```
#6e5e55 rgb(110,94,85)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#6e5566
```
#6e5566 rgb(110,85,102)
```

Split Complementary Color

#6e6a55
```
#6e6a55 rgb(110,106,85)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#6a556e
```
#6a556e rgb(106,85,110)
```

Triadic Color

#596e55
```
#596e55 rgb(89,110,85)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#6a556e
```
#6a556e rgb(106,85,110)
```
#6e5559
```
#6e5559 rgb(110,85,89)
```

Tetradic Color

#344340
```
#344340 rgb(52,67,64)
```
#3f514e
```
#3f514e rgb(63,81,78)
```
#4a605c
```
#4a605c rgb(74,96,92)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#607c78
```
#607c78 rgb(96,124,120)
```
#6b8b86
```
#6b8b86 rgb(107,139,134)
```
#789792
```
#789792 rgb(120,151,146)
```

Monochromatic Color

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

#556e64
```
#556e64 rgb(85,110,100)
```
#556e66
```
#556e66 rgb(85,110,102)
```
#556e68
```
#556e68 rgb(85,110,104)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#556e6c
```
#556e6c rgb(85,110,108)
```
#556e6e
```
#556e6e rgb(85,110,110)
```
#556c6e
```
#556c6e rgb(85,108,110)
```

Similar Colors

Text with hexadecimal color #556e6a

This text has a font color of #556e6a.

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

#556e6a background color

This paragraph has a background color of #556e6a.

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

#556e6a border color

This element has a border color of #556e6a.

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

CSS codes

.text {color:#556e6a;}

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

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

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)
```
#111515
```
#111515 rgb(17,21,21)
```
#19211f
```
#19211f rgb(25,33,31)
```
#222c2a
```
#222c2a rgb(34,44,42)
```
#2a3735
```
#2a3735 rgb(42,55,53)
```
#33423f
```
#33423f rgb(51,66,63)
```
#3b4d4a
```
#3b4d4a rgb(59,77,74)
```
#445855
```
#445855 rgb(68,88,85)
```
#4c635f
```
#4c635f rgb(76,99,95)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#5e7975
```
#5e7975 rgb(94,121,117)
```
#66847f
```
#66847f rgb(102,132,127)
```
#6f8f8a
```
#6f8f8a rgb(111,143,138)
```

Shade Color Variation

#7a9893
```
#7a9893 rgb(122,152,147)
```
#85a09c
```
#85a09c rgb(133,160,156)
```
#90a9a5
```
#90a9a5 rgb(144,169,165)
```
#9bb2ae
```
#9bb2ae rgb(155,178,174)
```
#a6bab7
```
#a6bab7 rgb(166,186,183)
```
#b1c3c0
```
#b1c3c0 rgb(177,195,192)
```
#bccbc9
```
#bccbc9 rgb(188,203,201)
```
#c7d4d2
```
#c7d4d2 rgb(199,212,210)
```
#d2dcdb
```
#d2dcdb rgb(210,220,219)
```
#dde5e4
```
#dde5e4 rgb(221,229,228)
```
#e8eded
```
#e8eded rgb(232,237,237)
```
#f3f6f6
```
#f3f6f6 rgb(243,246,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#5d6765
```
#5d6765 rgb(93,103,101)
```
#556e6a
```
#556e6a rgb(85,110,106)
```
#4e766f
```
#4e766f rgb(78,118,111)
```
#467d74
```
#467d74 rgb(70,125,116)
```
#3f8579
```
#3f8579 rgb(63,133,121)
```
#378c7e
```
#378c7e rgb(55,140,126)
```
#309484
```
#309484 rgb(48,148,132)
```
#289b89
```
#289b89 rgb(40,155,137)
```
#21a38e
```
#21a38e rgb(33,163,142)
```
#19aa93
```
#19aa93 rgb(25,170,147)
```
#12b298
```
#12b298 rgb(18,178,152)
```
#0ab99d
```
#0ab99d rgb(10,185,157)
```
#02c1a2
```
#02c1a2 rgb(2,193,162)
```

Tone Color Variation

Below, you can see how #556e6a 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
#636867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73706f Protanopia 1% of men
#796d74 Deuteranopia 1% of men
#60737c Tritanopia 0.001% of the population

Trichromacy

#686f6d Protanomaly 1% of men, 0.01% of women
#6c6d70 Deuteranomaly 6% of men, 0.4% of women
#5c7175 Tritanomaly 0.01% of the population

#556e6a hex color

#556e6a Color Information

#556e6a Color Conversion

Color Schemes with #556e6a

Alternatives to #556e6a

#556e6a Preview

Shades and Tints of #556e6a

Tones of #556e6a

Color Blindness Simulator