HEX #5685A2 color — Horizon
The color #5685A2 is a dark shade and slightly desaturated.
Palette
5685A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(203,31%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(203,31%,94%) |
#dae5ec |
rgb(218,229,236) |
hsl(203,31%,89%) |
#cad9e3 |
rgb(202,217,227) |
hsl(203,31%,84%) |
#b9cdda |
rgb(185,205,218) |
hsl(203,31%,79%) |
#a8c1d1 |
rgb(168,193,209) |
hsl(203,31%,74%) |
#97b6c8 |
rgb(151,182,200) |
hsl(203,31%,69%) |
#87aac0 |
rgb(135,170,192) |
hsl(203,31%,64%) |
#769eb7 |
rgb(118,158,183) |
hsl(203,31%,59%) |
#6592ae |
rgb(101,146,174) |
hsl(203,31%,54%) |
#5686a4 |
rgb(86,134,164) |
hsl(203,31%,49%) |
#4d7893 |
rgb(77,120,147) |
hsl(203,31%,44%) |
#456b82 |
rgb(69,107,130) |
hsl(203,31%,39%) |
#3c5d72 |
rgb(60,93,114) |
hsl(203,31%,34%) |
#334f61 |
rgb(51,79,97) |
hsl(203,31%,29%) |
#2a4250 |
rgb(42,66,80) |
hsl(203,31%,24%) |
#21343f |
rgb(33,52,63) |
hsl(203,31%,19%) |
#19262f |
rgb(25,38,47) |
hsl(203,31%,14%) |
#10191e |
rgb(16,25,30) |
hsl(203,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(203,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A38C |
rgb(86,163,140) |
hsl(162,31%,49%) |
#5685A2 |
rgb(86,133,162) |
hsl(203,31%,49%) |
#5957A2 |
rgb(89,87,162) |
hsl(242,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%) |
#5685A2 |
rgb(86,133,162) |
hsl(203,31%,49%) |
#487088 |
rgb(72,112,136) |
hsl(203,31%,41%) |
#3A596E |
rgb(58,89,110) |
hsl(204,31%,33%) |
#2C4554 |
rgb(44,69,84) |
hsl(203,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5685A2 |
rgb(86,133,162) |
hsl(203,31%,49%) |
#A2575F |
rgb(162,87,95) |
hsl(354,30%,49%) |
#A29956 |
rgb(162,153,86) |
hsl(53,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5685A2 |
rgb(86,133,162) |
hsl(203,31%,49%) |
#A27356 |
rgb(162,115,86) |
hsl(23,31%,49%) |
#56A399 |
rgb(86,163,153) |
hsl(172,31%,49%) |
#A29956 |
rgb(162,153,86) |
hsl(53,31%,49%) |