HEX #556987 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556987 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(216,23%,98%)
#e9ecf1 rgb(233,236,241) hsl(216,23%,93%)
#d9dfe7 rgb(217,223,231) hsl(216,23%,88%)
#cad2de rgb(202,210,222) hsl(216,23%,83%)
#bac4d4 rgb(186,196,212) hsl(216,23%,78%)
#aab7ca rgb(170,183,202) hsl(216,23%,73%)
#9baac0 rgb(155,170,192) hsl(216,23%,68%)
#8b9cb6 rgb(139,156,182) hsl(216,23%,63%)
#7b8fad rgb(123,143,173) hsl(216,23%,58%)
#6c82a3 rgb(108,130,163) hsl(216,23%,53%)
#5e7597 rgb(94,117,151) hsl(216,23%,48%)
#546987 rgb(84,105,135) hsl(216,23%,43%)
#4b5c77 rgb(75,92,119) hsl(216,23%,38%)
#415068 rgb(65,80,104) hsl(216,23%,33%)
#374458 rgb(55,68,88) hsl(216,23%,28%)
#2d3848 rgb(45,56,72) hsl(216,23%,23%)
#232c38 rgb(35,44,56) hsl(216,23%,18%)
#1a2029 rgb(26,32,41) hsl(216,23%,13%)
#101319 rgb(16,19,25) hsl(216,23%,8%)
#060709 rgb(6,7,9) hsl(216,23%,3%)

Adjacent colors

HEX RGB HSL
#558783 rgb(85,135,131) hsl(175,23%,43%)
#556987 rgb(85,105,135) hsl(216,23%,43%)
#625487 rgb(98,84,135) hsl(256,23%,43%)

Monochromatic colors

HEX RGB HSL
#788CAA rgb(120,140,170) hsl(216,23%,57%)
#627A9C rgb(98,122,156) hsl(215,23%,50%)
#556987 rgb(85,105,135) hsl(216,23%,43%)
#475971 rgb(71,89,113) hsl(214,23%,36%)
#39475B rgb(57,71,91) hsl(215,23%,29%)
#2C3646 rgb(44,54,70) hsl(217,23%,22%)

Triad color palettes

HEX RGB HSL
#556987 rgb(85,105,135) hsl(216,23%,43%)
#875955 rgb(135,89,85) hsl(5,23%,43%)
#828755 rgb(130,135,85) hsl(66,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556987 rgb(85,105,135) hsl(216,23%,43%)
#877355 rgb(135,115,85) hsl(36,23%,43%)
#558287 rgb(85,130,135) hsl(186,23%,43%)
#828755 rgb(130,135,85) hsl(66,23%,43%)