HEX #556185 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

556185 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(225,22%,98%)
#e9ebf1 rgb(233,235,241) hsl(225,22%,93%)
#dadde7 rgb(218,221,231) hsl(225,22%,88%)
#cacfdd rgb(202,207,221) hsl(225,22%,83%)
#bbc1d3 rgb(187,193,211) hsl(225,22%,78%)
#abb3c9 rgb(171,179,201) hsl(225,22%,73%)
#9ba4bf rgb(155,164,191) hsl(225,22%,68%)
#8c96b5 rgb(140,150,181) hsl(225,22%,63%)
#7c88ab rgb(124,136,171) hsl(225,22%,58%)
#6d7aa2 rgb(109,122,162) hsl(225,22%,53%)
#5f6d95 rgb(95,109,149) hsl(225,22%,48%)
#566286 rgb(86,98,134) hsl(225,22%,43%)
#4c5676 rgb(76,86,118) hsl(225,22%,38%)
#424b67 rgb(66,75,103) hsl(225,22%,33%)
#384057 rgb(56,64,87) hsl(225,22%,28%)
#2e3448 rgb(46,52,72) hsl(225,22%,23%)
#242938 rgb(36,41,56) hsl(225,22%,18%)
#1a1e28 rgb(26,30,40) hsl(225,22%,13%)
#101219 rgb(16,18,25) hsl(225,22%,8%)
#060709 rgb(6,7,9) hsl(225,22%,3%)

Adjacent colors

HEX RGB HSL
#558285 rgb(85,130,133) hsl(184,22%,43%)
#556185 rgb(85,97,133) hsl(225,22%,43%)
#695485 rgb(105,84,133) hsl(266,23%,43%)

Monochromatic colors

HEX RGB HSL
#7785A8 rgb(119,133,168) hsl(223,22%,56%)
#62709A rgb(98,112,154) hsl(225,22%,49%)
#556185 rgb(85,97,133) hsl(225,22%,43%)
#47526F rgb(71,82,111) hsl(224,22%,36%)
#39425A rgb(57,66,90) hsl(224,22%,29%)
#2C3345 rgb(44,51,69) hsl(223,22%,22%)

Triad color palettes

HEX RGB HSL
#556185 rgb(85,97,133) hsl(225,22%,43%)
#856155 rgb(133,97,85) hsl(15,22%,43%)
#798555 rgb(121,133,85) hsl(75,22%,43%)

Tetrad color palettes

HEX RGB HSL
#556185 rgb(85,97,133) hsl(225,22%,43%)
#857855 rgb(133,120,85) hsl(44,22%,43%)
#557885 rgb(85,120,133) hsl(196,22%,43%)
#798555 rgb(121,133,85) hsl(75,22%,43%)