HEX #5685B6 color — Steel Blue
The color #5685B6 is a dark shade and moderately saturated.
Palette
5685B6 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(211,40%,98%) |
#e6edf4 |
rgb(230,237,244) |
hsl(211,40%,93%) |
#d4e0ed |
rgb(212,224,237) |
hsl(211,40%,88%) |
#c2d3e5 |
rgb(194,211,229) |
hsl(211,40%,83%) |
#b0c6dd |
rgb(176,198,221) |
hsl(211,40%,78%) |
#9fb9d6 |
rgb(159,185,214) |
hsl(211,40%,73%) |
#8dacce |
rgb(141,172,206) |
hsl(211,40%,68%) |
#7b9fc6 |
rgb(123,159,198) |
hsl(211,40%,63%) |
#6992bf |
rgb(105,146,191) |
hsl(211,40%,58%) |
#5786b7 |
rgb(87,134,183) |
hsl(211,40%,53%) |
#4979ab |
rgb(73,121,171) |
hsl(211,40%,48%) |
#426c9a |
rgb(66,108,154) |
hsl(211,40%,43%) |
#3a6088 |
rgb(58,96,136) |
hsl(211,40%,38%) |
#325376 |
rgb(50,83,118) |
hsl(211,40%,33%) |
#2b4664 |
rgb(43,70,100) |
hsl(211,40%,28%) |
#233a52 |
rgb(35,58,82) |
hsl(211,40%,23%) |
#1c2d40 |
rgb(28,45,64) |
hsl(211,40%,18%) |
#14212e |
rgb(20,33,46) |
hsl(211,40%,13%) |
#0c141d |
rgb(12,20,29) |
hsl(211,40%,8%) |
#05080b |
rgb(5,8,11) |
hsl(211,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5A7 |
rgb(86,181,167) |
hsl(171,39%,52%) |
#5685B6 |
rgb(86,133,182) |
hsl(211,40%,53%) |
#6757B6 |
rgb(103,87,182) |
hsl(250,39%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91B0CF |
rgb(145,176,207) |
hsl(210,39%,69%) |
#739CC2 |
rgb(115,156,194) |
hsl(209,39%,61%) |
#5685B6 |
rgb(86,133,182) |
hsl(211,40%,53%) |
#43709D |
rgb(67,112,157) |
hsl(210,40%,44%) |
#36597F |
rgb(54,89,127) |
hsl(211,40%,35%) |
#2A4561 |
rgb(42,69,97) |
hsl(211,40%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685B6 |
rgb(86,133,182) |
hsl(211,40%,53%) |
#B65756 |
rgb(182,87,86) |
hsl(1,40%,53%) |
#B5B556 |
rgb(181,181,86) |
hsl(60,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685B6 |
rgb(86,133,182) |
hsl(211,40%,53%) |
#B68756 |
rgb(182,135,86) |
hsl(31,40%,53%) |
#56B5B6 |
rgb(86,181,182) |
hsl(181,40%,53%) |
#B5B556 |
rgb(181,181,86) |
hsl(60,39%,52%) |