HEX #556B84 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556B84 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(212,22%,98%)
#e9edf1 rgb(233,237,241) hsl(212,22%,93%)
#dae0e7 rgb(218,224,231) hsl(212,22%,88%)
#cad3dd rgb(202,211,221) hsl(212,22%,83%)
#bbc6d3 rgb(187,198,211) hsl(212,22%,78%)
#abb9c9 rgb(171,185,201) hsl(212,22%,73%)
#9bacbf rgb(155,172,191) hsl(212,22%,68%)
#8c9fb5 rgb(140,159,181) hsl(212,22%,63%)
#7c92ab rgb(124,146,171) hsl(212,22%,58%)
#6d85a2 rgb(109,133,162) hsl(212,22%,53%)
#5f7995 rgb(95,121,149) hsl(212,22%,48%)
#566c86 rgb(86,108,134) hsl(212,22%,43%)
#4c5f76 rgb(76,95,118) hsl(212,22%,38%)
#425367 rgb(66,83,103) hsl(212,22%,33%)
#384657 rgb(56,70,87) hsl(212,22%,28%)
#2e3a48 rgb(46,58,72) hsl(212,22%,23%)
#242d38 rgb(36,45,56) hsl(212,22%,18%)
#1a2128 rgb(26,33,40) hsl(212,22%,13%)
#101419 rgb(16,20,25) hsl(212,22%,8%)
#060809 rgb(6,8,9) hsl(212,22%,3%)

Adjacent colors

HEX RGB HSL
#55857D rgb(85,133,125) hsl(170,22%,43%)
#556B84 rgb(85,107,132) hsl(212,22%,43%)
#5E5484 rgb(94,84,132) hsl(253,22%,42%)

Monochromatic colors

HEX RGB HSL
#778FA7 rgb(119,143,167) hsl(210,21%,56%)
#627D99 rgb(98,125,153) hsl(211,22%,49%)
#556B84 rgb(85,107,132) hsl(212,22%,43%)
#47596E rgb(71,89,110) hsl(212,22%,35%)
#394A59 rgb(57,74,89) hsl(208,22%,29%)
#2C3844 rgb(44,56,68) hsl(210,21%,22%)

Triad color palettes

HEX RGB HSL
#556B84 rgb(85,107,132) hsl(212,22%,43%)
#845755 rgb(132,87,85) hsl(3,22%,43%)
#828555 rgb(130,133,85) hsl(64,22%,43%)

Tetrad color palettes

HEX RGB HSL
#556B84 rgb(85,107,132) hsl(212,22%,43%)
#846E55 rgb(132,110,85) hsl(32,22%,43%)
#558284 rgb(85,130,132) hsl(183,22%,43%)
#828555 rgb(130,133,85) hsl(64,22%,43%)