HEX #5684B8 color — Steel Blue
The color #5684b8 is a dark shade and moderately saturated.
Palette
5684b8 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(212,41%,98%) |
#e6edf4 |
rgb(230,237,244) |
hsl(212,41%,93%) |
#d4e0ed |
rgb(212,224,237) |
hsl(212,41%,88%) |
#c2d2e5 |
rgb(194,210,229) |
hsl(212,41%,83%) |
#b0c5de |
rgb(176,197,222) |
hsl(212,41%,78%) |
#9eb8d6 |
rgb(158,184,214) |
hsl(212,41%,73%) |
#8cabcf |
rgb(140,171,207) |
hsl(212,41%,68%) |
#7a9ec7 |
rgb(122,158,199) |
hsl(212,41%,63%) |
#6891c0 |
rgb(104,145,192) |
hsl(212,41%,58%) |
#5684b8 |
rgb(86,132,184) |
hsl(212,41%,53%) |
#4877ad |
rgb(72,119,173) |
hsl(212,41%,48%) |
#416b9b |
rgb(65,107,155) |
hsl(212,41%,43%) |
#395e89 |
rgb(57,94,137) |
hsl(212,41%,38%) |
#325277 |
rgb(50,82,119) |
hsl(212,41%,33%) |
#2a4565 |
rgb(42,69,101) |
hsl(212,41%,28%) |
#233953 |
rgb(35,57,83) |
hsl(212,41%,23%) |
#1b2d41 |
rgb(27,45,65) |
hsl(212,41%,18%) |
#14202f |
rgb(20,32,47) |
hsl(212,41%,13%) |
#0c141d |
rgb(12,20,29) |
hsl(212,41%,8%) |
#05070b |
rgb(5,7,11) |
hsl(212,41%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B8AA |
rgb(86,184,170) |
hsl(171,41%,53%) |
#5684B8 |
rgb(86,132,184) |
hsl(212,41%,53%) |
#6957B8 |
rgb(105,87,184) |
hsl(251,41%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#92B0D1 |
rgb(146,176,209) |
hsl(211,41%,70%) |
#7499C4 |
rgb(116,153,196) |
hsl(212,40%,61%) |
#5684B8 |
rgb(86,132,184) |
hsl(212,41%,53%) |
#436E9F |
rgb(67,110,159) |
hsl(212,41%,44%) |
#365981 |
rgb(54,89,129) |
hsl(212,41%,36%) |
#294562 |
rgb(41,69,98) |
hsl(211,41%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5684B8 |
rgb(86,132,184) |
hsl(212,41%,53%) |
#B85956 |
rgb(184,89,86) |
hsl(2,41%,53%) |
#B5B856 |
rgb(181,184,86) |
hsl(62,41%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5684B8 |
rgb(86,132,184) |
hsl(212,41%,53%) |
#B88A56 |
rgb(184,138,86) |
hsl(32,41%,53%) |
#56B5B8 |
rgb(86,181,184) |
hsl(182,41%,53%) |
#B5B856 |
rgb(181,184,86) |
hsl(62,41%,53%) |