HEX #5682A0 color — Horizon
The color #5682A0 is a dark shade and slightly desaturated.
Palette
5682A0 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafb |
rgb(248,250,251) |
hsl(204,30%,98%) |
#e8eef3 |
rgb(232,238,243) |
hsl(204,30%,93%) |
#d7e2ea |
rgb(215,226,234) |
hsl(204,30%,88%) |
#c7d6e1 |
rgb(199,214,225) |
hsl(204,30%,83%) |
#b6cad8 |
rgb(182,202,216) |
hsl(204,30%,78%) |
#a5becf |
rgb(165,190,207) |
hsl(204,30%,73%) |
#95b2c6 |
rgb(149,178,198) |
hsl(204,30%,68%) |
#84a6bd |
rgb(132,166,189) |
hsl(204,30%,63%) |
#749ab4 |
rgb(116,154,180) |
hsl(204,30%,58%) |
#638eab |
rgb(99,142,171) |
hsl(204,30%,53%) |
#56829f |
rgb(86,130,159) |
hsl(204,30%,48%) |
#4d748f |
rgb(77,116,143) |
hsl(204,30%,43%) |
#44677e |
rgb(68,103,126) |
hsl(204,30%,38%) |
#3b596d |
rgb(59,89,109) |
hsl(204,30%,33%) |
#324c5d |
rgb(50,76,93) |
hsl(204,30%,28%) |
#293e4c |
rgb(41,62,76) |
hsl(204,30%,23%) |
#20313c |
rgb(32,49,60) |
hsl(204,30%,18%) |
#17232b |
rgb(23,35,43) |
hsl(204,30%,13%) |
#0e161b |
rgb(14,22,27) |
hsl(204,30%,8%) |
#05080a |
rgb(5,8,10) |
hsl(204,30%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A18C |
rgb(86,161,140) |
hsl(163,30%,48%) |
#5682A0 |
rgb(86,130,160) |
hsl(204,30%,48%) |
#5B57A0 |
rgb(91,87,160) |
hsl(243,30%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#86A8BE |
rgb(134,168,190) |
hsl(204,30%,64%) |
#6C94B0 |
rgb(108,148,176) |
hsl(205,30%,56%) |
#5682A0 |
rgb(86,130,160) |
hsl(204,30%,48%) |
#486E86 |
rgb(72,110,134) |
hsl(203,30%,40%) |
#3A596C |
rgb(58,89,108) |
hsl(203,30%,33%) |
#2C4553 |
rgb(44,69,83) |
hsl(202,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682A0 |
rgb(86,130,160) |
hsl(204,30%,48%) |
#A0575D |
rgb(160,87,93) |
hsl(355,30%,48%) |
#A09956 |
rgb(160,153,86) |
hsl(54,30%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682A0 |
rgb(86,130,160) |
hsl(204,30%,48%) |
#A07356 |
rgb(160,115,86) |
hsl(24,30%,48%) |
#56A199 |
rgb(86,161,153) |
hsl(174,30%,48%) |
#A09956 |
rgb(160,153,86) |
hsl(54,30%,48%) |