HEX #556170 color — Shuttle Gray
The color #556170 is a dark shade and slightly desaturated.
Palette
556170 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(213,14%,99%) |
#eeeff2 |
rgb(238,239,242) |
hsl(213,14%,94%) |
#dfe3e7 |
rgb(223,227,231) |
hsl(213,14%,89%) |
#d0d6dc |
rgb(208,214,220) |
hsl(213,14%,84%) |
#c2c9d1 |
rgb(194,201,209) |
hsl(213,14%,79%) |
#b3bcc6 |
rgb(179,188,198) |
hsl(213,14%,74%) |
#a5afbb |
rgb(165,175,187) |
hsl(213,14%,69%) |
#96a2b0 |
rgb(150,162,176) |
hsl(213,14%,64%) |
#8895a5 |
rgb(136,149,165) |
hsl(213,14%,59%) |
#79889a |
rgb(121,136,154) |
hsl(213,14%,54%) |
#6b7b8e |
rgb(107,123,142) |
hsl(213,14%,49%) |
#606f80 |
rgb(96,111,128) |
hsl(213,14%,44%) |
#566271 |
rgb(86,98,113) |
hsl(213,14%,39%) |
#4b5563 |
rgb(75,85,99) |
hsl(213,14%,34%) |
#404954 |
rgb(64,73,84) |
hsl(213,14%,29%) |
#353c46 |
rgb(53,60,70) |
hsl(213,14%,24%) |
#2a3037 |
rgb(42,48,55) |
hsl(213,14%,19%) |
#1f2329 |
rgb(31,35,41) |
hsl(213,14%,14%) |
#14171a |
rgb(20,23,26) |
hsl(213,14%,9%) |
#090a0c |
rgb(9,10,12) |
hsl(213,14%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#55706D |
rgb(85,112,109) |
hsl(173,14%,39%) |
#556170 |
rgb(85,97,112) |
hsl(213,14%,39%) |
#5B5470 |
rgb(91,84,112) |
hsl(255,14%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#627081 |
rgb(98,112,129) |
hsl(213,14%,45%) |
#556170 |
rgb(85,97,112) |
hsl(213,14%,39%) |
#47525E |
rgb(71,82,94) |
hsl(211,14%,32%) |
#39424C |
rgb(57,66,76) |
hsl(212,14%,26%) |
#2C333A |
rgb(44,51,58) |
hsl(210,14%,20%) |
#1E2428 |
rgb(30,36,40) |
hsl(204,14%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#556170 |
rgb(85,97,112) |
hsl(213,14%,39%) |
#705755 |
rgb(112,87,85) |
hsl(4,14%,39%) |
#6E7055 |
rgb(110,112,85) |
hsl(64,14%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556170 |
rgb(85,97,112) |
hsl(213,14%,39%) |
#706355 |
rgb(112,99,85) |
hsl(31,14%,39%) |
#556E70 |
rgb(85,110,112) |
hsl(184,14%,39%) |
#6E7055 |
rgb(110,112,85) |
hsl(64,14%,39%) |