HEX #5582A1 color — Horizon
The color #5582A1 is a dark shade and slightly desaturated.
Palette
5582A1 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(204,31%,98%) |
#e8eef3 |
rgb(232,238,243) |
hsl(204,31%,93%) |
#d7e2ea |
rgb(215,226,234) |
hsl(204,31%,88%) |
#c6d6e1 |
rgb(198,214,225) |
hsl(204,31%,83%) |
#b6cad8 |
rgb(182,202,216) |
hsl(204,31%,78%) |
#a5becf |
rgb(165,190,207) |
hsl(204,31%,73%) |
#94b2c7 |
rgb(148,178,199) |
hsl(204,31%,68%) |
#83a6be |
rgb(131,166,190) |
hsl(204,31%,63%) |
#739bb5 |
rgb(115,155,181) |
hsl(204,31%,58%) |
#628fac |
rgb(98,143,172) |
hsl(204,31%,53%) |
#5482a0 |
rgb(84,130,160) |
hsl(204,31%,48%) |
#4c7490 |
rgb(76,116,144) |
hsl(204,31%,43%) |
#43677f |
rgb(67,103,127) |
hsl(204,31%,38%) |
#3a596e |
rgb(58,89,110) |
hsl(204,31%,33%) |
#314c5e |
rgb(49,76,94) |
hsl(204,31%,28%) |
#283e4d |
rgb(40,62,77) |
hsl(204,31%,23%) |
#20313c |
rgb(32,49,60) |
hsl(204,31%,18%) |
#17232b |
rgb(23,35,43) |
hsl(204,31%,13%) |
#0e161b |
rgb(14,22,27) |
hsl(204,31%,8%) |
#05080a |
rgb(5,8,10) |
hsl(204,31%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55A18D |
rgb(85,161,141) |
hsl(164,31%,48%) |
#5582A1 |
rgb(85,130,161) |
hsl(204,31%,48%) |
#5A54A1 |
rgb(90,84,161) |
hsl(245,31%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A8BE |
rgb(133,168,190) |
hsl(203,30%,63%) |
#6B94B1 |
rgb(107,148,177) |
hsl(205,31%,56%) |
#5582A1 |
rgb(85,130,161) |
hsl(204,31%,48%) |
#476E87 |
rgb(71,110,135) |
hsl(203,31%,40%) |
#39596D |
rgb(57,89,109) |
hsl(203,31%,33%) |
#2C4553 |
rgb(44,69,83) |
hsl(202,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5582A1 |
rgb(85,130,161) |
hsl(204,31%,48%) |
#A1545C |
rgb(161,84,92) |
hsl(354,31%,48%) |
#A19955 |
rgb(161,153,85) |
hsl(54,31%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5582A1 |
rgb(85,130,161) |
hsl(204,31%,48%) |
#A17355 |
rgb(161,115,85) |
hsl(24,31%,48%) |
#55A19A |
rgb(85,161,154) |
hsl(174,31%,48%) |
#A19955 |
rgb(161,153,85) |
hsl(54,31%,48%) |