HEX #557086 color — Blue Bayoux
The color #557086 is a dark shade and slightly desaturated.
Palette
557086 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(207,22%,98%) |
#e9eef1 |
rgb(233,238,241) |
hsl(207,22%,93%) |
#dae1e7 |
rgb(218,225,231) |
hsl(207,22%,88%) |
#cad5dd |
rgb(202,213,221) |
hsl(207,22%,83%) |
#bbc8d3 |
rgb(187,200,211) |
hsl(207,22%,78%) |
#abbcc9 |
rgb(171,188,201) |
hsl(207,22%,73%) |
#9bafbf |
rgb(155,175,191) |
hsl(207,22%,68%) |
#8ca3b5 |
rgb(140,163,181) |
hsl(207,22%,63%) |
#7c96ab |
rgb(124,150,171) |
hsl(207,22%,58%) |
#6d8aa2 |
rgb(109,138,162) |
hsl(207,22%,53%) |
#5f7d95 |
rgb(95,125,149) |
hsl(207,22%,48%) |
#567086 |
rgb(86,112,134) |
hsl(207,22%,43%) |
#4c6376 |
rgb(76,99,118) |
hsl(207,22%,38%) |
#425667 |
rgb(66,86,103) |
hsl(207,22%,33%) |
#384957 |
rgb(56,73,87) |
hsl(207,22%,28%) |
#2e3c48 |
rgb(46,60,72) |
hsl(207,22%,23%) |
#242f38 |
rgb(36,47,56) |
hsl(207,22%,18%) |
#1a2228 |
rgb(26,34,40) |
hsl(207,22%,13%) |
#101519 |
rgb(16,21,25) |
hsl(207,22%,8%) |
#060809 |
rgb(6,8,9) |
hsl(207,22%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55877B |
rgb(85,135,123) |
hsl(166,23%,43%) |
#557086 |
rgb(85,112,134) |
hsl(207,22%,43%) |
#5A5486 |
rgb(90,84,134) |
hsl(247,23%,43%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7794A9 |
rgb(119,148,169) |
hsl(205,23%,56%) |
#62829B |
rgb(98,130,155) |
hsl(206,23%,50%) |
#557086 |
rgb(85,112,134) |
hsl(207,22%,43%) |
#475E70 |
rgb(71,94,112) |
hsl(206,22%,36%) |
#394D5B |
rgb(57,77,91) |
hsl(205,23%,29%) |
#2C3B45 |
rgb(44,59,69) |
hsl(204,22%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#557086 |
rgb(85,112,134) |
hsl(207,22%,43%) |
#865457 |
rgb(134,84,87) |
hsl(356,23%,43%) |
#868555 |
rgb(134,133,85) |
hsl(59,22%,43%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557086 |
rgb(85,112,134) |
hsl(207,22%,43%) |
#866B55 |
rgb(134,107,85) |
hsl(27,22%,43%) |
#558783 |
rgb(85,135,131) |
hsl(175,23%,43%) |
#868555 |
rgb(134,133,85) |
hsl(59,22%,43%) |