HEX #556686 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556686 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(219,22%,98%)
#e9ecf1 rgb(233,236,241) hsl(219,22%,93%)
#dadee7 rgb(218,222,231) hsl(219,22%,88%)
#cad1dd rgb(202,209,221) hsl(219,22%,83%)
#bbc3d3 rgb(187,195,211) hsl(219,22%,78%)
#abb6c9 rgb(171,182,201) hsl(219,22%,73%)
#9ba8bf rgb(155,168,191) hsl(219,22%,68%)
#8c9ab5 rgb(140,154,181) hsl(219,22%,63%)
#7c8dab rgb(124,141,171) hsl(219,22%,58%)
#6d7fa2 rgb(109,127,162) hsl(219,22%,53%)
#5f7295 rgb(95,114,149) hsl(219,22%,48%)
#566686 rgb(86,102,134) hsl(219,22%,43%)
#4c5b76 rgb(76,91,118) hsl(219,22%,38%)
#424f67 rgb(66,79,103) hsl(219,22%,33%)
#384357 rgb(56,67,87) hsl(219,22%,28%)
#2e3748 rgb(46,55,72) hsl(219,22%,23%)
#242b38 rgb(36,43,56) hsl(219,22%,18%)
#1a1f28 rgb(26,31,40) hsl(219,22%,13%)
#101319 rgb(16,19,25) hsl(219,22%,8%)
#060709 rgb(6,7,9) hsl(219,22%,3%)

Adjacent colors

HEX RGB HSL
#558785 rgb(85,135,133) hsl(178,23%,43%)
#556686 rgb(85,102,134) hsl(219,22%,43%)
#645486 rgb(100,84,134) hsl(259,23%,43%)

Monochromatic colors

HEX RGB HSL
#778AA9 rgb(119,138,169) hsl(217,23%,56%)
#62759B rgb(98,117,155) hsl(220,23%,50%)
#556686 rgb(85,102,134) hsl(219,22%,43%)
#475770 rgb(71,87,112) hsl(217,22%,36%)
#39455B rgb(57,69,91) hsl(219,23%,29%)
#2C3645 rgb(44,54,69) hsl(216,22%,22%)

Triad color palettes

HEX RGB HSL
#556686 rgb(85,102,134) hsl(219,22%,43%)
#865C55 rgb(134,92,85) hsl(9,22%,43%)
#7E8755 rgb(126,135,85) hsl(71,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556686 rgb(85,102,134) hsl(219,22%,43%)
#867555 rgb(134,117,85) hsl(39,22%,43%)
#558086 rgb(85,128,134) hsl(187,22%,43%)
#7E8755 rgb(126,135,85) hsl(71,23%,43%)