HEX #5682C0 color — Steel Blue
The color #5682C0 is a dark shade and moderately saturated.
Palette
5682C0 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(215,46%,95%) |
#dae4f1 |
rgb(218,228,241) |
hsl(215,46%,90%) |
#c7d6ea |
rgb(199,214,234) |
hsl(215,46%,85%) |
#b5c8e3 |
rgb(181,200,227) |
hsl(215,46%,80%) |
#a2badd |
rgb(162,186,221) |
hsl(215,46%,75%) |
#8fadd6 |
rgb(143,173,214) |
hsl(215,46%,70%) |
#7d9fcf |
rgb(125,159,207) |
hsl(215,46%,65%) |
#6a91c8 |
rgb(106,145,200) |
hsl(215,46%,60%) |
#5783c1 |
rgb(87,131,193) |
hsl(215,46%,55%) |
#4576ba |
rgb(69,118,186) |
hsl(215,46%,50%) |
#3e6aa8 |
rgb(62,106,168) |
hsl(215,46%,45%) |
#375e95 |
rgb(55,94,149) |
hsl(215,46%,40%) |
#305282 |
rgb(48,82,130) |
hsl(215,46%,35%) |
#294770 |
rgb(41,71,112) |
hsl(215,46%,30%) |
#223b5d |
rgb(34,59,93) |
hsl(215,46%,25%) |
#1c2f4a |
rgb(28,47,74) |
hsl(215,46%,20%) |
#152338 |
rgb(21,35,56) |
hsl(215,46%,15%) |
#0e1825 |
rgb(14,24,37) |
hsl(215,46%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(215,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BFB7 |
rgb(86,191,183) |
hsl(175,45%,54%) |
#5682C0 |
rgb(86,130,192) |
hsl(215,46%,55%) |
#7057C0 |
rgb(112,87,192) |
hsl(254,45%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3D8 |
rgb(150,179,216) |
hsl(214,46%,72%) |
#7699CC |
rgb(118,153,204) |
hsl(216,46%,63%) |
#5682C0 |
rgb(86,130,192) |
hsl(215,46%,55%) |
#3F6BAA |
rgb(63,107,170) |
hsl(215,46%,46%) |
#335789 |
rgb(51,87,137) |
hsl(215,46%,37%) |
#274269 |
rgb(39,66,105) |
hsl(215,46%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682C0 |
rgb(86,130,192) |
hsl(215,46%,55%) |
#C05E56 |
rgb(192,94,86) |
hsl(5,46%,55%) |
#B7BF56 |
rgb(183,191,86) |
hsl(65,45%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682C0 |
rgb(86,130,192) |
hsl(215,46%,55%) |
#C09456 |
rgb(192,148,86) |
hsl(35,46%,55%) |
#56B8C0 |
rgb(86,184,192) |
hsl(185,46%,55%) |
#B7BF56 |
rgb(183,191,86) |
hsl(65,45%,54%) |