HEX #5678BC color — Steel Blue
The color #5678BC is a dark shade and moderately saturated.
Palette
5678BC color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,43%,99%) |
#e9eef6 |
rgb(233,238,246) |
hsl(220,43%,94%) |
#d7dfef |
rgb(215,223,239) |
hsl(220,43%,89%) |
#c5d0e8 |
rgb(197,208,232) |
hsl(220,43%,84%) |
#b2c2e0 |
rgb(178,194,224) |
hsl(220,43%,79%) |
#a0b3d9 |
rgb(160,179,217) |
hsl(220,43%,74%) |
#8ea5d2 |
rgb(142,165,210) |
hsl(220,43%,69%) |
#7c96cb |
rgb(124,150,203) |
hsl(220,43%,64%) |
#6987c3 |
rgb(105,135,195) |
hsl(220,43%,59%) |
#5779bc |
rgb(87,121,188) |
hsl(220,43%,54%) |
#476bb3 |
rgb(71,107,179) |
hsl(220,43%,49%) |
#4060a0 |
rgb(64,96,160) |
hsl(220,43%,44%) |
#39558e |
rgb(57,85,142) |
hsl(220,43%,39%) |
#314a7c |
rgb(49,74,124) |
hsl(220,43%,34%) |
#2a3f6a |
rgb(42,63,106) |
hsl(220,43%,29%) |
#233458 |
rgb(35,52,88) |
hsl(220,43%,24%) |
#1c2a45 |
rgb(28,42,69) |
hsl(220,43%,19%) |
#141f33 |
rgb(20,31,51) |
hsl(220,43%,14%) |
#0d1421 |
rgb(13,20,33) |
hsl(220,43%,9%) |
#06090f |
rgb(6,9,15) |
hsl(220,43%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BDBC |
rgb(86,189,188) |
hsl(179,44%,54%) |
#5678BC |
rgb(86,120,188) |
hsl(220,43%,54%) |
#7857BC |
rgb(120,87,188) |
hsl(260,43%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94ABD4 |
rgb(148,171,212) |
hsl(218,43%,71%) |
#7591C8 |
rgb(117,145,200) |
hsl(220,43%,62%) |
#5678BC |
rgb(86,120,188) |
hsl(220,43%,54%) |
#4163A4 |
rgb(65,99,164) |
hsl(219,43%,45%) |
#344F85 |
rgb(52,79,133) |
hsl(220,44%,36%) |
#283D66 |
rgb(40,61,102) |
hsl(220,44%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678BC |
rgb(86,120,188) |
hsl(220,43%,54%) |
#BC6656 |
rgb(188,102,86) |
hsl(9,43%,54%) |
#ABBD56 |
rgb(171,189,86) |
hsl(70,44%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678BC |
rgb(86,120,188) |
hsl(220,43%,54%) |
#BC9956 |
rgb(188,153,86) |
hsl(39,43%,54%) |
#56ABBC |
rgb(86,171,188) |
hsl(190,43%,54%) |
#ABBD56 |
rgb(171,189,86) |
hsl(70,44%,54%) |