HEX #556386 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556386 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(223,22%,98%)
#e9ebf1 rgb(233,235,241) hsl(223,22%,93%)
#dadde7 rgb(218,221,231) hsl(223,22%,88%)
#cad0dd rgb(202,208,221) hsl(223,22%,83%)
#bbc2d3 rgb(187,194,211) hsl(223,22%,78%)
#abb4c9 rgb(171,180,201) hsl(223,22%,73%)
#9ba6bf rgb(155,166,191) hsl(223,22%,68%)
#8c98b5 rgb(140,152,181) hsl(223,22%,63%)
#7c8aab rgb(124,138,171) hsl(223,22%,58%)
#6d7ca2 rgb(109,124,162) hsl(223,22%,53%)
#5f6f95 rgb(95,111,149) hsl(223,22%,48%)
#566386 rgb(86,99,134) hsl(223,22%,43%)
#4c5876 rgb(76,88,118) hsl(223,22%,38%)
#424c67 rgb(66,76,103) hsl(223,22%,33%)
#384157 rgb(56,65,87) hsl(223,22%,28%)
#2e3548 rgb(46,53,72) hsl(223,22%,23%)
#242a38 rgb(36,42,56) hsl(223,22%,18%)
#1a1e28 rgb(26,30,40) hsl(223,22%,13%)
#101219 rgb(16,18,25) hsl(223,22%,8%)
#060709 rgb(6,7,9) hsl(223,22%,3%)

Adjacent colors

HEX RGB HSL
#558586 rgb(85,133,134) hsl(181,22%,43%)
#556386 rgb(85,99,134) hsl(223,22%,43%)
#675486 rgb(103,84,134) hsl(263,23%,43%)

Monochromatic colors

HEX RGB HSL
#7787A9 rgb(119,135,169) hsl(221,23%,56%)
#62739B rgb(98,115,155) hsl(222,23%,50%)
#556386 rgb(85,99,134) hsl(223,22%,43%)
#475470 rgb(71,84,112) hsl(221,22%,36%)
#39425B rgb(57,66,91) hsl(224,23%,29%)
#2C3345 rgb(44,51,69) hsl(223,22%,22%)

Triad color palettes

HEX RGB HSL
#556386 rgb(85,99,134) hsl(223,22%,43%)
#865E55 rgb(134,94,85) hsl(11,22%,43%)
#7B8755 rgb(123,135,85) hsl(74,23%,43%)

Tetrad color palettes

HEX RGB HSL
#556386 rgb(85,99,134) hsl(223,22%,43%)
#867855 rgb(134,120,85) hsl(43,22%,43%)
#557A86 rgb(85,122,134) hsl(195,22%,43%)
#7B8755 rgb(123,135,85) hsl(74,23%,43%)