HEX #556678 color — Shuttle Gray
The color #556678 is a dark shade and slightly desaturated.
Palette
556678 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f2f4 |
rgb(240,242,244) |
hsl(211,17%,95%) |
| #e1e5ea |
rgb(225,229,234) |
hsl(211,17%,90%) |
| #d2d9df |
rgb(210,217,223) |
hsl(211,17%,85%) |
| #c3ccd5 |
rgb(195,204,213) |
hsl(211,17%,80%) |
| #b4bfca |
rgb(180,191,202) |
hsl(211,17%,75%) |
| #a5b2c0 |
rgb(165,178,192) |
hsl(211,17%,70%) |
| #97a5b5 |
rgb(151,165,181) |
hsl(211,17%,65%) |
| #8898aa |
rgb(136,152,170) |
hsl(211,17%,60%) |
| #798ca0 |
rgb(121,140,160) |
hsl(211,17%,55%) |
| #6a7f95 |
rgb(106,127,149) |
hsl(211,17%,50%) |
| #5f7286 |
rgb(95,114,134) |
hsl(211,17%,45%) |
| #556577 |
rgb(85,101,119) |
hsl(211,17%,40%) |
| #4a5968 |
rgb(74,89,104) |
hsl(211,17%,35%) |
| #3f4c5a |
rgb(63,76,90) |
hsl(211,17%,30%) |
| #353f4b |
rgb(53,63,75) |
hsl(211,17%,25%) |
| #2a333c |
rgb(42,51,60) |
hsl(211,17%,20%) |
| #20262d |
rgb(32,38,45) |
hsl(211,17%,15%) |
| #15191e |
rgb(21,25,30) |
hsl(211,17%,10%) |
| #0b0d0f |
rgb(11,13,15) |
hsl(211,17%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #557872 |
rgb(85,120,114) |
hsl(170,17%,40%) |
| #556678 |
rgb(85,102,120) |
hsl(211,17%,40%) |
| #5B5478 |
rgb(91,84,120) |
hsl(252,18%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #72879B |
rgb(114,135,155) |
hsl(209,17%,53%) |
| #62758B |
rgb(98,117,139) |
hsl(212,17%,46%) |
| #556678 |
rgb(85,102,120) |
hsl(211,17%,40%) |
| #475764 |
rgb(71,87,100) |
hsl(207,17%,34%) |
| #394551 |
rgb(57,69,81) |
hsl(210,17%,27%) |
| #2C363E |
rgb(44,54,62) |
hsl(207,17%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #556678 |
rgb(85,102,120) |
hsl(211,17%,40%) |
| #785755 |
rgb(120,87,85) |
hsl(3,17%,40%) |
| #777855 |
rgb(119,120,85) |
hsl(62,17%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #556678 |
rgb(85,102,120) |
hsl(211,17%,40%) |
| #786655 |
rgb(120,102,85) |
hsl(29,17%,40%) |
| #557878 |
rgb(85,120,120) |
hsl(180,17%,40%) |
| #777855 |
rgb(119,120,85) |
hsl(62,17%,40%) |
