HEX #5685B5 color — Steel Blue
The color #5685B5 is a dark shade and moderately saturated.
Palette
5685B5 color palette from light to dark
HEX |
RGB |
HSL |
#f4f7fa |
rgb(244,247,250) |
hsl(210,39%,97%) |
#e3ebf3 |
rgb(227,235,243) |
hsl(210,39%,92%) |
#d1deeb |
rgb(209,222,235) |
hsl(210,39%,87%) |
#bfd1e3 |
rgb(191,209,227) |
hsl(210,39%,82%) |
#adc4db |
rgb(173,196,219) |
hsl(210,39%,77%) |
#9cb8d3 |
rgb(156,184,211) |
hsl(210,39%,72%) |
#8aabcc |
rgb(138,171,204) |
hsl(210,39%,67%) |
#789ec4 |
rgb(120,158,196) |
hsl(210,39%,62%) |
#6791bc |
rgb(103,145,188) |
hsl(210,39%,57%) |
#5585b4 |
rgb(85,133,180) |
hsl(210,39%,52%) |
#4978a7 |
rgb(73,120,167) |
hsl(210,39%,47%) |
#416b95 |
rgb(65,107,149) |
hsl(210,39%,42%) |
#3a5e83 |
rgb(58,94,131) |
hsl(210,39%,37%) |
#325271 |
rgb(50,82,113) |
hsl(210,39%,32%) |
#2a4560 |
rgb(42,69,96) |
hsl(210,39%,27%) |
#22384e |
rgb(34,56,78) |
hsl(210,39%,22%) |
#1a2b3c |
rgb(26,43,60) |
hsl(210,39%,17%) |
#131f2b |
rgb(19,31,43) |
hsl(210,39%,12%) |
#0b1219 |
rgb(11,18,25) |
hsl(210,39%,7%) |
#030507 |
rgb(3,5,7) |
hsl(210,39%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5A5 |
rgb(86,181,165) |
hsl(170,39%,52%) |
#5685B5 |
rgb(86,133,181) |
hsl(210,39%,52%) |
#6657B5 |
rgb(102,87,181) |
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%) |
#5685B5 |
rgb(86,133,181) |
hsl(210,39%,52%) |
#44709B |
rgb(68,112,155) |
hsl(210,39%,44%) |
#37597E |
rgb(55,89,126) |
hsl(211,39%,35%) |
#2A4560 |
rgb(42,69,96) |
hsl(210,39%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685B5 |
rgb(86,133,181) |
hsl(210,39%,52%) |
#B55756 |
rgb(181,87,86) |
hsl(1,39%,52%) |
#B4B556 |
rgb(180,181,86) |
hsl(61,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685B5 |
rgb(86,133,181) |
hsl(210,39%,52%) |
#B58756 |
rgb(181,135,86) |
hsl(31,39%,52%) |
#56B5B5 |
rgb(86,181,181) |
hsl(180,39%,52%) |
#B4B556 |
rgb(180,181,86) |
hsl(61,39%,52%) |