HEX #556670 color — Shuttle Gray
The color #556670 is a dark shade and slightly desaturated.
Palette
556670 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(202,14%,99%) |
#eef0f2 |
rgb(238,240,242) |
hsl(202,14%,94%) |
#dfe4e7 |
rgb(223,228,231) |
hsl(202,14%,89%) |
#d0d8dc |
rgb(208,216,220) |
hsl(202,14%,84%) |
#c2cbd1 |
rgb(194,203,209) |
hsl(202,14%,79%) |
#b3bfc6 |
rgb(179,191,198) |
hsl(202,14%,74%) |
#a5b3bb |
rgb(165,179,187) |
hsl(202,14%,69%) |
#96a7b0 |
rgb(150,167,176) |
hsl(202,14%,64%) |
#889aa5 |
rgb(136,154,165) |
hsl(202,14%,59%) |
#798e9a |
rgb(121,142,154) |
hsl(202,14%,54%) |
#6b828e |
rgb(107,130,142) |
hsl(202,14%,49%) |
#607480 |
rgb(96,116,128) |
hsl(202,14%,44%) |
#566771 |
rgb(86,103,113) |
hsl(202,14%,39%) |
#4b5a63 |
rgb(75,90,99) |
hsl(202,14%,34%) |
#404d54 |
rgb(64,77,84) |
hsl(202,14%,29%) |
#353f46 |
rgb(53,63,70) |
hsl(202,14%,24%) |
#2a3237 |
rgb(42,50,55) |
hsl(202,14%,19%) |
#1f2529 |
rgb(31,37,41) |
hsl(202,14%,14%) |
#14181a |
rgb(20,24,26) |
hsl(202,14%,9%) |
#090b0c |
rgb(9,11,12) |
hsl(202,14%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#557068 |
rgb(85,112,104) |
hsl(162,14%,39%) |
#556670 |
rgb(85,102,112) |
hsl(202,14%,39%) |
#565470 |
rgb(86,84,112) |
hsl(244,14%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#627581 |
rgb(98,117,129) |
hsl(203,14%,45%) |
#556670 |
rgb(85,102,112) |
hsl(202,14%,39%) |
#47575E |
rgb(71,87,94) |
hsl(198,14%,32%) |
#39454C |
rgb(57,69,76) |
hsl(202,14%,26%) |
#2C363A |
rgb(44,54,58) |
hsl(197,14%,20%) |
#1E2428 |
rgb(30,36,40) |
hsl(204,14%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#556670 |
rgb(85,102,112) |
hsl(202,14%,39%) |
#705458 |
rgb(112,84,88) |
hsl(351,14%,38%) |
#706E55 |
rgb(112,110,85) |
hsl(56,14%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556670 |
rgb(85,102,112) |
hsl(202,14%,39%) |
#705E55 |
rgb(112,94,85) |
hsl(20,14%,39%) |
#55706C |
rgb(85,112,108) |
hsl(171,14%,39%) |
#706E55 |
rgb(112,110,85) |
hsl(56,14%,39%) |