HEX #556877 color — Shuttle Gray
The color #556877 is a dark shade and slightly desaturated.
Palette
556877 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(206,17%,95%) |
#e1e6ea |
rgb(225,230,234) |
hsl(206,17%,90%) |
#d2dadf |
rgb(210,218,223) |
hsl(206,17%,85%) |
#c3cdd5 |
rgb(195,205,213) |
hsl(206,17%,80%) |
#b4c1ca |
rgb(180,193,202) |
hsl(206,17%,75%) |
#a5b4c0 |
rgb(165,180,192) |
hsl(206,17%,70%) |
#97a8b5 |
rgb(151,168,181) |
hsl(206,17%,65%) |
#889baa |
rgb(136,155,170) |
hsl(206,17%,60%) |
#798fa0 |
rgb(121,143,160) |
hsl(206,17%,55%) |
#6a8295 |
rgb(106,130,149) |
hsl(206,17%,50%) |
#5f7586 |
rgb(95,117,134) |
hsl(206,17%,45%) |
#556877 |
rgb(85,104,119) |
hsl(206,17%,40%) |
#4a5b68 |
rgb(74,91,104) |
hsl(206,17%,35%) |
#3f4e5a |
rgb(63,78,90) |
hsl(206,17%,30%) |
#35414b |
rgb(53,65,75) |
hsl(206,17%,25%) |
#2a343c |
rgb(42,52,60) |
hsl(206,17%,20%) |
#20272d |
rgb(32,39,45) |
hsl(206,17%,15%) |
#151a1e |
rgb(21,26,30) |
hsl(206,17%,10%) |
#0b0d0f |
rgb(11,13,15) |
hsl(206,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55786F |
rgb(85,120,111) |
hsl(165,17%,40%) |
#556877 |
rgb(85,104,119) |
hsl(206,17%,40%) |
#585477 |
rgb(88,84,119) |
hsl(247,17%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#728A9A |
rgb(114,138,154) |
hsl(204,17%,53%) |
#62788A |
rgb(98,120,138) |
hsl(207,17%,46%) |
#556877 |
rgb(85,104,119) |
hsl(206,17%,40%) |
#475763 |
rgb(71,87,99) |
hsl(206,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 |
#556877 |
rgb(85,104,119) |
hsl(206,17%,40%) |
#775457 |
rgb(119,84,87) |
hsl(355,17%,40%) |
#777555 |
rgb(119,117,85) |
hsl(56,17%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556877 |
rgb(85,104,119) |
hsl(206,17%,40%) |
#776355 |
rgb(119,99,85) |
hsl(25,17%,40%) |
#557875 |
rgb(85,120,117) |
hsl(175,17%,40%) |
#777555 |
rgb(119,117,85) |
hsl(56,17%,40%) |