HEX #556986 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556986 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(216,22%,98%)
#e9ecf1 rgb(233,236,241) hsl(216,22%,93%)
#dadfe7 rgb(218,223,231) hsl(216,22%,88%)
#cad2dd rgb(202,210,221) hsl(216,22%,83%)
#bbc4d3 rgb(187,196,211) hsl(216,22%,78%)
#abb7c9 rgb(171,183,201) hsl(216,22%,73%)
#9baabf rgb(155,170,191) hsl(216,22%,68%)
#8c9cb5 rgb(140,156,181) hsl(216,22%,63%)
#7c8fab rgb(124,143,171) hsl(216,22%,58%)
#6d82a2 rgb(109,130,162) hsl(216,22%,53%)
#5f7595 rgb(95,117,149) hsl(216,22%,48%)
#566986 rgb(86,105,134) hsl(216,22%,43%)
#4c5d76 rgb(76,93,118) hsl(216,22%,38%)
#425067 rgb(66,80,103) hsl(216,22%,33%)
#384457 rgb(56,68,87) hsl(216,22%,28%)
#2e3848 rgb(46,56,72) hsl(216,22%,23%)
#242c38 rgb(36,44,56) hsl(216,22%,18%)
#1a2028 rgb(26,32,40) hsl(216,22%,13%)
#101419 rgb(16,20,25) hsl(216,22%,8%)
#060709 rgb(6,7,9) hsl(216,22%,3%)

Adjacent colors

HEX RGB HSL
#558782 rgb(85,135,130) hsl(174,23%,43%)
#556986 rgb(85,105,134) hsl(216,22%,43%)
#615486 rgb(97,84,134) hsl(256,23%,43%)

Monochromatic colors

HEX RGB HSL
#778CA9 rgb(119,140,169) hsl(215,23%,56%)
#627A9B rgb(98,122,155) hsl(215,23%,50%)
#556986 rgb(85,105,134) hsl(216,22%,43%)
#475970 rgb(71,89,112) hsl(214,22%,36%)
#39475B rgb(57,71,91) hsl(215,23%,29%)
#2C3645 rgb(44,54,69) hsl(216,22%,22%)

Triad color palettes

HEX RGB HSL
#556986 rgb(85,105,134) hsl(216,22%,43%)
#865955 rgb(134,89,85) hsl(5,22%,43%)
#818755 rgb(129,135,85) hsl(67,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556986 rgb(85,105,134) hsl(216,22%,43%)
#867355 rgb(134,115,85) hsl(37,22%,43%)
#558286 rgb(85,130,134) hsl(185,22%,43%)
#818755 rgb(129,135,85) hsl(67,23%,43%)