HEX #556687 color — Blue Bayoux

The color #556687 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

556687 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(220,23%,98%)
#e9ecf1 rgb(233,236,241) hsl(220,23%,93%)
#d9dee7 rgb(217,222,231) hsl(220,23%,88%)
#cad0de rgb(202,208,222) hsl(220,23%,83%)
#bac3d4 rgb(186,195,212) hsl(220,23%,78%)
#aab5ca rgb(170,181,202) hsl(220,23%,73%)
#9ba7c0 rgb(155,167,192) hsl(220,23%,68%)
#8b99b6 rgb(139,153,182) hsl(220,23%,63%)
#7b8cad rgb(123,140,173) hsl(220,23%,58%)
#6c7ea3 rgb(108,126,163) hsl(220,23%,53%)
#5e7197 rgb(94,113,151) hsl(220,23%,48%)
#546587 rgb(84,101,135) hsl(220,23%,43%)
#4b5977 rgb(75,89,119) hsl(220,23%,38%)
#414e68 rgb(65,78,104) hsl(220,23%,33%)
#374258 rgb(55,66,88) hsl(220,23%,28%)
#2d3648 rgb(45,54,72) hsl(220,23%,23%)
#232a38 rgb(35,42,56) hsl(220,23%,18%)
#1a1f29 rgb(26,31,41) hsl(220,23%,13%)
#101319 rgb(16,19,25) hsl(220,23%,8%)
#060709 rgb(6,7,9) hsl(220,23%,3%)

Adjacent colors

HEX RGB HSL
#558786 rgb(85,135,134) hsl(179,23%,43%)
#556687 rgb(85,102,135) hsl(220,23%,43%)
#655487 rgb(101,84,135) hsl(260,23%,43%)

Monochromatic colors

HEX RGB HSL
#788AAA rgb(120,138,170) hsl(218,23%,57%)
#62759C rgb(98,117,156) hsl(220,23%,50%)
#556687 rgb(85,102,135) hsl(220,23%,43%)
#475771 rgb(71,87,113) hsl(217,23%,36%)
#39455B rgb(57,69,91) hsl(219,23%,29%)
#2C3646 rgb(44,54,70) hsl(217,23%,22%)

Triad color palettes

HEX RGB HSL
#556687 rgb(85,102,135) hsl(220,23%,43%)
#875C55 rgb(135,92,85) hsl(8,23%,43%)
#7F8755 rgb(127,135,85) hsl(70,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556687 rgb(85,102,135) hsl(220,23%,43%)
#877555 rgb(135,117,85) hsl(38,23%,43%)
#558087 rgb(85,128,135) hsl(188,23%,43%)
#7F8755 rgb(127,135,85) hsl(70,23%,43%)