HEX #5582A2 color — Horizon
The color #5582A2 is a dark shade and slightly desaturated.
Palette
5582A2 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(205,31%,98%) |
#e8eef3 |
rgb(232,238,243) |
hsl(205,31%,93%) |
#d7e2ea |
rgb(215,226,234) |
hsl(205,31%,88%) |
#c6d6e1 |
rgb(198,214,225) |
hsl(205,31%,83%) |
#b6cad8 |
rgb(182,202,216) |
hsl(205,31%,78%) |
#a5becf |
rgb(165,190,207) |
hsl(205,31%,73%) |
#94b2c7 |
rgb(148,178,199) |
hsl(205,31%,68%) |
#83a6be |
rgb(131,166,190) |
hsl(205,31%,63%) |
#7399b5 |
rgb(115,153,181) |
hsl(205,31%,58%) |
#628dac |
rgb(98,141,172) |
hsl(205,31%,53%) |
#5481a0 |
rgb(84,129,160) |
hsl(205,31%,48%) |
#4c7390 |
rgb(76,115,144) |
hsl(205,31%,43%) |
#43667f |
rgb(67,102,127) |
hsl(205,31%,38%) |
#3a586e |
rgb(58,88,110) |
hsl(205,31%,33%) |
#314b5e |
rgb(49,75,94) |
hsl(205,31%,28%) |
#283e4d |
rgb(40,62,77) |
hsl(205,31%,23%) |
#20303c |
rgb(32,48,60) |
hsl(205,31%,18%) |
#17232b |
rgb(23,35,43) |
hsl(205,31%,13%) |
#0e151b |
rgb(14,21,27) |
hsl(205,31%,8%) |
#05080a |
rgb(5,8,10) |
hsl(205,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A38E |
rgb(85,163,142) |
hsl(164,31%,49%) |
#5582A2 |
rgb(85,130,162) |
hsl(205,31%,48%) |
#5B54A2 |
rgb(91,84,162) |
hsl(245,32%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A8BF |
rgb(134,168,191) |
hsl(204,31%,64%) |
#6C94B2 |
rgb(108,148,178) |
hsl(206,31%,56%) |
#5582A2 |
rgb(85,130,162) |
hsl(205,31%,48%) |
#476E88 |
rgb(71,110,136) |
hsl(204,31%,41%) |
#39596E |
rgb(57,89,110) |
hsl(204,32%,33%) |
#2C4554 |
rgb(44,69,84) |
hsl(203,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5582A2 |
rgb(85,130,162) |
hsl(205,31%,48%) |
#A2545B |
rgb(162,84,91) |
hsl(355,32%,48%) |
#A29C55 |
rgb(162,156,85) |
hsl(55,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5582A2 |
rgb(85,130,162) |
hsl(205,31%,48%) |
#A27555 |
rgb(162,117,85) |
hsl(25,31%,48%) |
#55A39B |
rgb(85,163,155) |
hsl(174,31%,49%) |
#A29C55 |
rgb(162,156,85) |
hsl(55,31%,48%) |