HEX #5687A1 color — Horizon
The color #5687A1 is a dark shade and slightly desaturated.
Palette
5687A1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(201,30%,98%) |
#e8eff3 |
rgb(232,239,243) |
hsl(201,30%,93%) |
#d7e3ea |
rgb(215,227,234) |
hsl(201,30%,88%) |
#c7d8e1 |
rgb(199,216,225) |
hsl(201,30%,83%) |
#b6ccd8 |
rgb(182,204,216) |
hsl(201,30%,78%) |
#a5c0cf |
rgb(165,192,207) |
hsl(201,30%,73%) |
#95b5c6 |
rgb(149,181,198) |
hsl(201,30%,68%) |
#84a9bd |
rgb(132,169,189) |
hsl(201,30%,63%) |
#749eb4 |
rgb(116,158,180) |
hsl(201,30%,58%) |
#6392ab |
rgb(99,146,171) |
hsl(201,30%,53%) |
#56859f |
rgb(86,133,159) |
hsl(201,30%,48%) |
#4d788f |
rgb(77,120,143) |
hsl(201,30%,43%) |
#446a7e |
rgb(68,106,126) |
hsl(201,30%,38%) |
#3b5c6d |
rgb(59,92,109) |
hsl(201,30%,33%) |
#324e5d |
rgb(50,78,93) |
hsl(201,30%,28%) |
#29404c |
rgb(41,64,76) |
hsl(201,30%,23%) |
#20323c |
rgb(32,50,60) |
hsl(201,30%,18%) |
#17242b |
rgb(23,36,43) |
hsl(201,30%,13%) |
#0e161b |
rgb(14,22,27) |
hsl(201,30%,8%) |
#05080a |
rgb(5,8,10) |
hsl(201,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A189 |
rgb(86,161,137) |
hsl(161,30%,48%) |
#5687A1 |
rgb(86,135,161) |
hsl(201,30%,48%) |
#5757A1 |
rgb(87,87,161) |
hsl(240,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ABBE |
rgb(135,171,190) |
hsl(201,30%,64%) |
#6D99B1 |
rgb(109,153,177) |
hsl(201,30%,56%) |
#5687A1 |
rgb(86,135,161) |
hsl(201,30%,48%) |
#487087 |
rgb(72,112,135) |
hsl(202,30%,41%) |
#3A5C6D |
rgb(58,92,109) |
hsl(200,31%,33%) |
#2C4753 |
rgb(44,71,83) |
hsl(198,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687A1 |
rgb(86,135,161) |
hsl(201,30%,48%) |
#A15761 |
rgb(161,87,97) |
hsl(352,30%,49%) |
#A19656 |
rgb(161,150,86) |
hsl(51,30%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687A1 |
rgb(86,135,161) |
hsl(201,30%,48%) |
#A17056 |
rgb(161,112,86) |
hsl(21,30%,48%) |
#56A195 |
rgb(86,161,149) |
hsl(170,30%,48%) |
#A19656 |
rgb(161,150,86) |
hsl(51,30%,48%) |