HEX #557085 color — Blue Bayoux

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

Color codes

copy icon
copy icon
copy icon

Palette

557085 color palette from light to dark

HEX RGB HSL
#f9fafb rgb(249,250,251) hsl(206,22%,98%)
#e9eef1 rgb(233,238,241) hsl(206,22%,93%)
#dae1e7 rgb(218,225,231) hsl(206,22%,88%)
#cad5dd rgb(202,213,221) hsl(206,22%,83%)
#bbc9d3 rgb(187,201,211) hsl(206,22%,78%)
#abbcc9 rgb(171,188,201) hsl(206,22%,73%)
#9bb0bf rgb(155,176,191) hsl(206,22%,68%)
#8ca3b5 rgb(140,163,181) hsl(206,22%,63%)
#7c97ab rgb(124,151,171) hsl(206,22%,58%)
#6d8ba2 rgb(109,139,162) hsl(206,22%,53%)
#5f7e95 rgb(95,126,149) hsl(206,22%,48%)
#567186 rgb(86,113,134) hsl(206,22%,43%)
#4c6476 rgb(76,100,118) hsl(206,22%,38%)
#425767 rgb(66,87,103) hsl(206,22%,33%)
#384957 rgb(56,73,87) hsl(206,22%,28%)
#2e3c48 rgb(46,60,72) hsl(206,22%,23%)
#242f38 rgb(36,47,56) hsl(206,22%,18%)
#1a2228 rgb(26,34,40) hsl(206,22%,13%)
#101519 rgb(16,21,25) hsl(206,22%,8%)
#060809 rgb(6,8,9) hsl(206,22%,3%)

Adjacent colors

HEX RGB HSL
#55857A rgb(85,133,122) hsl(166,22%,43%)
#557085 rgb(85,112,133) hsl(206,22%,43%)
#5A5485 rgb(90,84,133) hsl(247,23%,43%)

Monochromatic colors

HEX RGB HSL
#7794A8 rgb(119,148,168) hsl(204,22%,56%)
#62829A rgb(98,130,154) hsl(206,22%,49%)
#557085 rgb(85,112,133) hsl(206,22%,43%)
#475E6F rgb(71,94,111) hsl(206,22%,36%)
#394D5A rgb(57,77,90) hsl(204,22%,29%)
#2C3B45 rgb(44,59,69) hsl(204,22%,22%)

Triad color palettes

HEX RGB HSL
#557085 rgb(85,112,133) hsl(206,22%,43%)
#855458 rgb(133,84,88) hsl(355,23%,43%)
#858255 rgb(133,130,85) hsl(56,22%,43%)

Tetrad color palettes

HEX RGB HSL
#557085 rgb(85,112,133) hsl(206,22%,43%)
#856B55 rgb(133,107,85) hsl(28,22%,43%)
#558582 rgb(85,133,130) hsl(176,22%,43%)
#858255 rgb(133,130,85) hsl(56,22%,43%)