HEX #556977 color — Shuttle Gray
The color #556977 is a dark shade and slightly desaturated.
Palette
556977 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3f4 |
rgb(240,243,244) |
hsl(205,17%,95%) |
| #e1e6ea |
rgb(225,230,234) |
hsl(205,17%,90%) |
| #d2dadf |
rgb(210,218,223) |
hsl(205,17%,85%) |
| #c3cdd5 |
rgb(195,205,213) |
hsl(205,17%,80%) |
| #b4c1ca |
rgb(180,193,202) |
hsl(205,17%,75%) |
| #a5b5c0 |
rgb(165,181,192) |
hsl(205,17%,70%) |
| #97a8b5 |
rgb(151,168,181) |
hsl(205,17%,65%) |
| #889caa |
rgb(136,156,170) |
hsl(205,17%,60%) |
| #7990a0 |
rgb(121,144,160) |
hsl(205,17%,55%) |
| #6a8395 |
rgb(106,131,149) |
hsl(205,17%,50%) |
| #5f7686 |
rgb(95,118,134) |
hsl(205,17%,45%) |
| #556977 |
rgb(85,105,119) |
hsl(205,17%,40%) |
| #4a5c68 |
rgb(74,92,104) |
hsl(205,17%,35%) |
| #3f4f5a |
rgb(63,79,90) |
hsl(205,17%,30%) |
| #35424b |
rgb(53,66,75) |
hsl(205,17%,25%) |
| #2a343c |
rgb(42,52,60) |
hsl(205,17%,20%) |
| #20272d |
rgb(32,39,45) |
hsl(205,17%,15%) |
| #151a1e |
rgb(21,26,30) |
hsl(205,17%,10%) |
| #0b0d0f |
rgb(11,13,15) |
hsl(205,17%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #55786E |
rgb(85,120,110) |
hsl(163,17%,40%) |
| #556977 |
rgb(85,105,119) |
hsl(205,17%,40%) |
| #575477 |
rgb(87,84,119) |
hsl(245,17%,40%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #728A9A |
rgb(114,138,154) |
hsl(204,17%,53%) |
| #627A8A |
rgb(98,122,138) |
hsl(204,17%,46%) |
| #556977 |
rgb(85,105,119) |
hsl(205,17%,40%) |
| #475963 |
rgb(71,89,99) |
hsl(201,16%,33%) |
| #394750 |
rgb(57,71,80) |
hsl(203,17%,27%) |
| #2C363D |
rgb(44,54,61) |
hsl(205,16%,21%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #556977 |
rgb(85,105,119) |
hsl(205,17%,40%) |
| #775458 |
rgb(119,84,88) |
hsl(353,17%,40%) |
| #777355 |
rgb(119,115,85) |
hsl(53,17%,40%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #556977 |
rgb(85,105,119) |
hsl(205,17%,40%) |
| #776355 |
rgb(119,99,85) |
hsl(25,17%,40%) |
| #557874 |
rgb(85,120,116) |
hsl(173,17%,40%) |
| #777355 |
rgb(119,115,85) |
hsl(53,17%,40%) |
