#556166 hex color

In a RGB color space, hex #556166 is composed of 33.3% red, 38% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 4.9% magenta, 0% yellow and 60% black. It has a hue angle of 197.6 degrees, a saturation of 9.1% and a lightness of 36.7%. #556166 color hex could be obtained by blending #aac2cc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 38
- B 40
RGB color chart
- C 17
- M 5
- Y 0
- K 60
CMYK color chart

● #556166 color description : Very dark grayish blue.

The hexadecimal color #556166 has RGB values of R:85, G:97, B:102 and CMYK values of C:0.17, M:0.05, Y:0, K:0.6. Its decimal value is 5595494.

Hex triplet	556166	`#556166`
RGB Decimal	85, 97, 102	`rgb(85,97,102)`
RGB Percent	33.3, 38, 40	`rgb(33.3%,38%,40%)`
CMYK	17, 5, 0, 60
HSL	197.6°, 9.1, 36.7	`hsl(197.6,9.1%,36.7%)`
HSV (or HSB)	197.6°, 16.7, 40
Web Safe	666666	`#666666`

CIE-LAB	40.312, -3.43, -4.403
XYZ	10.419, 11.44, 14.229
xyY	0.289, 0.317, 11.44
CIE-LCH	40.312, 5.581, 232.086
CIE-LUV	40.312, -6.484, -5.313
Hunter-Lab	33.823, -4.205, -1.267
Binary	01010101, 01100001, 01100110

#556166
```
#556166 rgb(85,97,102)
```
#665a55
```
#665a55 rgb(102,90,85)
```

Complementary Color

#556663
```
#556663 rgb(85,102,99)
```
#556166
```
#556166 rgb(85,97,102)
```
#555966
```
#555966 rgb(85,89,102)
```

Analogous Color

#666355
```
#666355 rgb(102,99,85)
```
#556166
```
#556166 rgb(85,97,102)
```
#665559
```
#665559 rgb(102,85,89)
```

Split Complementary Color

#616655
```
#616655 rgb(97,102,85)
```
#556166
```
#556166 rgb(85,97,102)
```
#665561
```
#665561 rgb(102,85,97)
```

Triadic Color

#55665a
```
#55665a rgb(85,102,90)
```
#556166
```
#556166 rgb(85,97,102)
```
#665561
```
#665561 rgb(102,85,97)
```
#665a55
```
#665a55 rgb(102,90,85)
```

Tetradic Color

#32393c
```
#32393c rgb(50,57,60)
```
#3e474a
```
#3e474a rgb(62,71,74)
```
#495458
```
#495458 rgb(73,84,88)
```
#556166
```
#556166 rgb(85,97,102)
```
#616e74
```
#616e74 rgb(97,110,116)
```
#6c7b82
```
#6c7b82 rgb(108,123,130)
```
#79888f
```
#79888f rgb(121,136,143)
```

Monochromatic Color

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

#556566
```
#556566 rgb(85,101,102)
```
#556466
```
#556466 rgb(85,100,102)
```
#556266
```
#556266 rgb(85,98,102)
```
#556166
```
#556166 rgb(85,97,102)
```
#556066
```
#556066 rgb(85,96,102)
```
#555e66
```
#555e66 rgb(85,94,102)
```
#555d66
```
#555d66 rgb(85,93,102)
```

Similar Colors

Text with hexadecimal color #556166

This text has a font color of #556166.

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

#556166 background color

This paragraph has a background color of #556166.

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

#556166 border color

This element has a border color of #556166.

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

CSS codes

.text {color:#556166;}

.background {background-color:#556166;}

.border {border:1px solid #556166;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0e1010
```
#0e1010 rgb(14,16,16)
```
#171a1b
```
#171a1b rgb(23,26,27)
```
#202426
```
#202426 rgb(32,36,38)
```
#282e31
```
#282e31 rgb(40,46,49)
```
#31383b
```
#31383b rgb(49,56,59)
```
#3a4246
```
#3a4246 rgb(58,66,70)
```
#434d51
```
#434d51 rgb(67,77,81)
```
#4c575b
```
#4c575b rgb(76,87,91)
```
#556166
```
#556166 rgb(85,97,102)
```
#5e6b71
```
#5e6b71 rgb(94,107,113)
```
#67757b
```
#67757b rgb(103,117,123)
```
#708086
```
#708086 rgb(112,128,134)
```

Shade Color Variation

#7a8990
```
#7a8990 rgb(122,137,144)
```
#849399
```
#849399 rgb(132,147,153)
```
#8f9ca2
```
#8f9ca2 rgb(143,156,162)
```
#9aa6ab
```
#9aa6ab rgb(154,166,171)
```
#a4afb4
```
#a4afb4 rgb(164,175,180)
```
#afb9bc
```
#afb9bc rgb(175,185,188)
```
#bac2c5
```
#bac2c5 rgb(186,194,197)
```
#c5cbce
```
#c5cbce rgb(197,203,206)
```
#cfd5d7
```
#cfd5d7 rgb(207,213,215)
```
#dadee0
```
#dadee0 rgb(218,222,224)
```
#e5e8e9
```
#e5e8e9 rgb(229,232,233)
```
#eff1f2
```
#eff1f2 rgb(239,241,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#5c5e5f
```
#5c5e5f rgb(92,94,95)
```
#556166
```
#556166 rgb(85,97,102)
```
#4e646d
```
#4e646d rgb(78,100,109)
```
#476774
```
#476774 rgb(71,103,116)
```
#3f6a7c
```
#3f6a7c rgb(63,106,124)
```
#386d83
```
#386d83 rgb(56,109,131)
```
#31708a
```
#31708a rgb(49,112,138)
```
#2a7391
```
#2a7391 rgb(42,115,145)
```
#237698
```
#237698 rgb(35,118,152)
```
#1b79a0
```
#1b79a0 rgb(27,121,160)
```
#147ca7
```
#147ca7 rgb(20,124,167)
```
#0d7fae
```
#0d7fae rgb(13,127,174)
```
#0682b5
```
#0682b5 rgb(6,130,181)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#67666c Protanopia 1% of men
#6c646f Deuteranopia 1% of men
#5e6870 Tritanopia 0.001% of the population

Trichromacy

#60646a Protanomaly 1% of men, 0.01% of women
#64636c Deuteranomaly 6% of men, 0.4% of women
#5a656c Tritanomaly 0.01% of the population

#556166 hex color

#556166 Color Information

#556166 Color Conversion

Color Schemes with #556166

Alternatives to #556166

#556166 Preview

Shades and Tints of #556166

Tones of #556166

Color Blindness Simulator