HEX #556E87 color — Blue Bayoux

The color #556E87 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

556E87 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(210,23%,98%)
#e9edf1 rgb(233,237,241) hsl(210,23%,93%)
#d9e0e7 rgb(217,224,231) hsl(210,23%,88%)
#cad4de rgb(202,212,222) hsl(210,23%,83%)
#bac7d4 rgb(186,199,212) hsl(210,23%,78%)
#aabaca rgb(170,186,202) hsl(210,23%,73%)
#9badc0 rgb(155,173,192) hsl(210,23%,68%)
#8ba1b6 rgb(139,161,182) hsl(210,23%,63%)
#7b94ad rgb(123,148,173) hsl(210,23%,58%)
#6c87a3 rgb(108,135,163) hsl(210,23%,53%)
#5e7a97 rgb(94,122,151) hsl(210,23%,48%)
#546e87 rgb(84,110,135) hsl(210,23%,43%)
#4b6177 rgb(75,97,119) hsl(210,23%,38%)
#415468 rgb(65,84,104) hsl(210,23%,33%)
#374758 rgb(55,71,88) hsl(210,23%,28%)
#2d3b48 rgb(45,59,72) hsl(210,23%,23%)
#232e38 rgb(35,46,56) hsl(210,23%,18%)
#1a2129 rgb(26,33,41) hsl(210,23%,13%)
#101419 rgb(16,20,25) hsl(210,23%,8%)
#060809 rgb(6,8,9) hsl(210,23%,3%)

Adjacent colors

HEX RGB HSL
#55877E rgb(85,135,126) hsl(169,23%,43%)
#556E87 rgb(85,110,135) hsl(210,23%,43%)
#5D5487 rgb(93,84,135) hsl(251,23%,43%)

Monochromatic colors

HEX RGB HSL
#7891AA rgb(120,145,170) hsl(210,23%,57%)
#62809C rgb(98,128,156) hsl(209,23%,50%)
#556E87 rgb(85,110,135) hsl(210,23%,43%)
#475C71 rgb(71,92,113) hsl(210,23%,36%)
#394A5B rgb(57,74,91) hsl(210,23%,29%)
#2C3846 rgb(44,56,70) hsl(212,23%,22%)

Triad color palettes

HEX RGB HSL
#556E87 rgb(85,110,135) hsl(210,23%,43%)
#875455 rgb(135,84,85) hsl(359,23%,43%)
#878755 rgb(135,135,85) hsl(60,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556E87 rgb(85,110,135) hsl(210,23%,43%)
#876E55 rgb(135,110,85) hsl(30,23%,43%)
#558787 rgb(85,135,135) hsl(180,23%,43%)
#878755 rgb(135,135,85) hsl(60,23%,43%)