HEX #556384 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556384 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(222,22%,98%)
#e9ecf1 rgb(233,236,241) hsl(222,22%,93%)
#dadee7 rgb(218,222,231) hsl(222,22%,88%)
#cad0dd rgb(202,208,221) hsl(222,22%,83%)
#bbc2d3 rgb(187,194,211) hsl(222,22%,78%)
#abb4c9 rgb(171,180,201) hsl(222,22%,73%)
#9ba6bf rgb(155,166,191) hsl(222,22%,68%)
#8c98b5 rgb(140,152,181) hsl(222,22%,63%)
#7c8aab rgb(124,138,171) hsl(222,22%,58%)
#6d7da2 rgb(109,125,162) hsl(222,22%,53%)
#5f7095 rgb(95,112,149) hsl(222,22%,48%)
#566486 rgb(86,100,134) hsl(222,22%,43%)
#4c5876 rgb(76,88,118) hsl(222,22%,38%)
#424d67 rgb(66,77,103) hsl(222,22%,33%)
#384157 rgb(56,65,87) hsl(222,22%,28%)
#2e3548 rgb(46,53,72) hsl(222,22%,23%)
#242a38 rgb(36,42,56) hsl(222,22%,18%)
#1a1e28 rgb(26,30,40) hsl(222,22%,13%)
#101319 rgb(16,19,25) hsl(222,22%,8%)
#060709 rgb(6,7,9) hsl(222,22%,3%)

Adjacent colors

HEX RGB HSL
#558284 rgb(85,130,132) hsl(183,22%,43%)
#556384 rgb(85,99,132) hsl(222,22%,43%)
#665484 rgb(102,84,132) hsl(263,22%,42%)

Monochromatic colors

HEX RGB HSL
#7785A7 rgb(119,133,167) hsl(223,21%,56%)
#627399 rgb(98,115,153) hsl(221,22%,49%)
#556384 rgb(85,99,132) hsl(222,22%,43%)
#47546E rgb(71,84,110) hsl(220,22%,35%)
#394259 rgb(57,66,89) hsl(223,22%,29%)
#2C3344 rgb(44,51,68) hsl(223,21%,22%)

Triad color palettes

HEX RGB HSL
#556384 rgb(85,99,132) hsl(222,22%,43%)
#845E55 rgb(132,94,85) hsl(11,22%,43%)
#7A8555 rgb(122,133,85) hsl(74,22%,43%)

Tetrad color palettes

HEX RGB HSL
#556384 rgb(85,99,132) hsl(222,22%,43%)
#847555 rgb(132,117,85) hsl(41,22%,43%)
#557A84 rgb(85,122,132) hsl(193,22%,43%)
#7A8555 rgb(122,133,85) hsl(74,22%,43%)