HEX #5687A2 color — Horizon
The color #5687A2 is a dark shade and slightly desaturated.
Palette
5687A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(201,31%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(201,31%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(201,31%,89%) |
#cadae3 |
rgb(202,218,227) |
hsl(201,31%,84%) |
#b9ceda |
rgb(185,206,218) |
hsl(201,31%,79%) |
#a8c3d1 |
rgb(168,195,209) |
hsl(201,31%,74%) |
#97b7c8 |
rgb(151,183,200) |
hsl(201,31%,69%) |
#87acc0 |
rgb(135,172,192) |
hsl(201,31%,64%) |
#76a0b7 |
rgb(118,160,183) |
hsl(201,31%,59%) |
#6595ae |
rgb(101,149,174) |
hsl(201,31%,54%) |
#5689a4 |
rgb(86,137,164) |
hsl(201,31%,49%) |
#4d7b93 |
rgb(77,123,147) |
hsl(201,31%,44%) |
#456d82 |
rgb(69,109,130) |
hsl(201,31%,39%) |
#3c5f72 |
rgb(60,95,114) |
hsl(201,31%,34%) |
#335161 |
rgb(51,81,97) |
hsl(201,31%,29%) |
#2a4350 |
rgb(42,67,80) |
hsl(201,31%,24%) |
#21353f |
rgb(33,53,63) |
hsl(201,31%,19%) |
#19272f |
rgb(25,39,47) |
hsl(201,31%,14%) |
#10191e |
rgb(16,25,30) |
hsl(201,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(201,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A38A |
rgb(86,163,138) |
hsl(161,31%,49%) |
#5687A2 |
rgb(86,135,162) |
hsl(201,31%,49%) |
#5757A2 |
rgb(87,87,162) |
hsl(240,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87ABBF |
rgb(135,171,191) |
hsl(201,30%,64%) |
#6D99B1 |
rgb(109,153,177) |
hsl(201,30%,56%) |
#5687A2 |
rgb(86,135,162) |
hsl(201,31%,49%) |
#487088 |
rgb(72,112,136) |
hsl(203,31%,41%) |
#3A5C6E |
rgb(58,92,110) |
hsl(201,31%,33%) |
#2C4754 |
rgb(44,71,84) |
hsl(200,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5687A2 |
rgb(86,135,162) |
hsl(201,31%,49%) |
#A25761 |
rgb(162,87,97) |
hsl(352,30%,49%) |
#A29656 |
rgb(162,150,86) |
hsl(51,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5687A2 |
rgb(86,135,162) |
hsl(201,31%,49%) |
#A27056 |
rgb(162,112,86) |
hsl(21,31%,49%) |
#56A397 |
rgb(86,163,151) |
hsl(171,31%,49%) |
#A29656 |
rgb(162,150,86) |
hsl(51,31%,49%) |