HEX #5685C2 color — Steel Blue
The color #5685c2 is a dark shade and moderately saturated.
Palette
5685c2 color palette from light to dark
| HEX |
RGB |
HSL |
| #ecf1f8 |
rgb(236,241,248) |
hsl(214,47%,95%) |
| #dae4f1 |
rgb(218,228,241) |
hsl(214,47%,90%) |
| #c7d6eb |
rgb(199,214,235) |
hsl(214,47%,85%) |
| #b4c9e4 |
rgb(180,201,228) |
hsl(214,47%,80%) |
| #a1bbdd |
rgb(161,187,221) |
hsl(214,47%,75%) |
| #8faed6 |
rgb(143,174,214) |
hsl(214,47%,70%) |
| #7ca0d0 |
rgb(124,160,208) |
hsl(214,47%,65%) |
| #6993c9 |
rgb(105,147,201) |
hsl(214,47%,60%) |
| #5685c2 |
rgb(86,133,194) |
hsl(214,47%,55%) |
| #4478bb |
rgb(68,120,187) |
hsl(214,47%,50%) |
| #3d6ca9 |
rgb(61,108,169) |
hsl(214,47%,45%) |
| #366096 |
rgb(54,96,150) |
hsl(214,47%,40%) |
| #2f5483 |
rgb(47,84,131) |
hsl(214,47%,35%) |
| #294870 |
rgb(41,72,112) |
hsl(214,47%,30%) |
| #223c5e |
rgb(34,60,94) |
hsl(214,47%,25%) |
| #1b304b |
rgb(27,48,75) |
hsl(214,47%,20%) |
| #142438 |
rgb(20,36,56) |
hsl(214,47%,15%) |
| #0e1825 |
rgb(14,24,37) |
hsl(214,47%,10%) |
| #070c13 |
rgb(7,12,19) |
hsl(214,47%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #56C2B7 |
rgb(86,194,183) |
hsl(174,47%,55%) |
| #5685C2 |
rgb(86,133,194) |
hsl(214,47%,55%) |
| #6F57C2 |
rgb(111,87,194) |
hsl(253,47%,55%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B5D9 |
rgb(151,181,217) |
hsl(213,46%,72%) |
| #769CCD |
rgb(118,156,205) |
hsl(214,47%,63%) |
| #5685C2 |
rgb(86,133,194) |
hsl(214,47%,55%) |
| #3E6EAC |
rgb(62,110,172) |
hsl(214,47%,46%) |
| #32598B |
rgb(50,89,139) |
hsl(214,47%,37%) |
| #26456A |
rgb(38,69,106) |
hsl(213,47%,28%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5685C2 |
rgb(86,133,194) |
hsl(214,47%,55%) |
| #C25C56 |
rgb(194,92,86) |
hsl(3,47%,55%) |
| #BBC256 |
rgb(187,194,86) |
hsl(64,47%,55%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5685C2 |
rgb(86,133,194) |
hsl(214,47%,55%) |
| #C29456 |
rgb(194,148,86) |
hsl(34,47%,55%) |
| #56BAC2 |
rgb(86,186,194) |
hsl(184,47%,55%) |
| #BBC256 |
rgb(187,194,86) |
hsl(64,47%,55%) |
