HEX #5682A2 color — Horizon
The color #5682A2 is a dark shade and slightly desaturated.
Palette
5682A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(205,31%,99%) |
#ebf0f4 |
rgb(235,240,244) |
hsl(205,31%,94%) |
#dae4ec |
rgb(218,228,236) |
hsl(205,31%,89%) |
#cad8e3 |
rgb(202,216,227) |
hsl(205,31%,84%) |
#b9ccda |
rgb(185,204,218) |
hsl(205,31%,79%) |
#a8c0d1 |
rgb(168,192,209) |
hsl(205,31%,74%) |
#97b4c8 |
rgb(151,180,200) |
hsl(205,31%,69%) |
#87a8c0 |
rgb(135,168,192) |
hsl(205,31%,64%) |
#769cb7 |
rgb(118,156,183) |
hsl(205,31%,59%) |
#6590ae |
rgb(101,144,174) |
hsl(205,31%,54%) |
#5683a4 |
rgb(86,131,164) |
hsl(205,31%,49%) |
#4d7693 |
rgb(77,118,147) |
hsl(205,31%,44%) |
#456982 |
rgb(69,105,130) |
hsl(205,31%,39%) |
#3c5b72 |
rgb(60,91,114) |
hsl(205,31%,34%) |
#334e61 |
rgb(51,78,97) |
hsl(205,31%,29%) |
#2a4050 |
rgb(42,64,80) |
hsl(205,31%,24%) |
#21333f |
rgb(33,51,63) |
hsl(205,31%,19%) |
#19262f |
rgb(25,38,47) |
hsl(205,31%,14%) |
#10181e |
rgb(16,24,30) |
hsl(205,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(205,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A38F |
rgb(86,163,143) |
hsl(164,31%,49%) |
#5682A2 |
rgb(86,130,162) |
hsl(205,31%,49%) |
#5C57A2 |
rgb(92,87,162) |
hsl(244,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#87A8BF |
rgb(135,168,191) |
hsl(205,30%,64%) |
#6D96B1 |
rgb(109,150,177) |
hsl(204,30%,56%) |
#5682A2 |
rgb(86,130,162) |
hsl(205,31%,49%) |
#486E88 |
rgb(72,110,136) |
hsl(204,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 |
#5682A2 |
rgb(86,130,162) |
hsl(205,31%,49%) |
#A2575C |
rgb(162,87,92) |
hsl(356,30%,49%) |
#A29C56 |
rgb(162,156,86) |
hsl(55,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682A2 |
rgb(86,130,162) |
hsl(205,31%,49%) |
#A27556 |
rgb(162,117,86) |
hsl(24,31%,49%) |
#56A39C |
rgb(86,163,156) |
hsl(175,31%,49%) |
#A29C56 |
rgb(162,156,86) |
hsl(55,31%,49%) |