HEX #5687C0 color — Steel Blue
The color #5687C0 is a dark shade and moderately saturated.
Palette
5687C0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(212,46%,95%) |
#dae5f1 |
rgb(218,229,241) |
hsl(212,46%,90%) |
#c7d8ea |
rgb(199,216,234) |
hsl(212,46%,85%) |
#b5cae3 |
rgb(181,202,227) |
hsl(212,46%,80%) |
#a2bddd |
rgb(162,189,221) |
hsl(212,46%,75%) |
#8fb0d6 |
rgb(143,176,214) |
hsl(212,46%,70%) |
#7da3cf |
rgb(125,163,207) |
hsl(212,46%,65%) |
#6a96c8 |
rgb(106,150,200) |
hsl(212,46%,60%) |
#5789c1 |
rgb(87,137,193) |
hsl(212,46%,55%) |
#457cba |
rgb(69,124,186) |
hsl(212,46%,50%) |
#3e6fa8 |
rgb(62,111,168) |
hsl(212,46%,45%) |
#376395 |
rgb(55,99,149) |
hsl(212,46%,40%) |
#305782 |
rgb(48,87,130) |
hsl(212,46%,35%) |
#294a70 |
rgb(41,74,112) |
hsl(212,46%,30%) |
#223e5d |
rgb(34,62,93) |
hsl(212,46%,25%) |
#1c314a |
rgb(28,49,74) |
hsl(212,46%,20%) |
#152538 |
rgb(21,37,56) |
hsl(212,46%,15%) |
#0e1925 |
rgb(14,25,37) |
hsl(212,46%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(212,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFB2 |
rgb(86,191,178) |
hsl(173,45%,54%) |
#5687C0 |
rgb(86,135,192) |
hsl(212,46%,55%) |
#6B57C0 |
rgb(107,87,192) |
hsl(251,45%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B5D8 |
rgb(150,181,216) |
hsl(212,46%,72%) |
#769ECC |
rgb(118,158,204) |
hsl(212,46%,63%) |
#5687C0 |
rgb(86,135,192) |
hsl(212,46%,55%) |
#3F70AA |
rgb(63,112,170) |
hsl(213,46%,46%) |
#335C89 |
rgb(51,92,137) |
hsl(211,46%,37%) |
#274569 |
rgb(39,69,105) |
hsl(213,46%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687C0 |
rgb(86,135,192) |
hsl(212,46%,55%) |
#C05956 |
rgb(192,89,86) |
hsl(2,46%,55%) |
#BCBF56 |
rgb(188,191,86) |
hsl(62,45%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687C0 |
rgb(86,135,192) |
hsl(212,46%,55%) |
#C08F56 |
rgb(192,143,86) |
hsl(32,46%,55%) |
#56BDC0 |
rgb(86,189,192) |
hsl(182,46%,55%) |
#BCBF56 |
rgb(188,191,86) |
hsl(62,45%,54%) |