HEX #587AA2 color — Horizon
The color #587AA2 is a dark shade and slightly desaturated.
Palette
587AA2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(212,30%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(212,30%,94%) |
#dbe2eb |
rgb(219,226,235) |
hsl(212,30%,89%) |
#cad5e2 |
rgb(202,213,226) |
hsl(212,30%,84%) |
#b9c8da |
rgb(185,200,218) |
hsl(212,30%,79%) |
#a9bbd1 |
rgb(169,187,209) |
hsl(212,30%,74%) |
#98aec8 |
rgb(152,174,200) |
hsl(212,30%,69%) |
#88a1bf |
rgb(136,161,191) |
hsl(212,30%,64%) |
#7794b6 |
rgb(119,148,182) |
hsl(212,30%,59%) |
#6787ad |
rgb(103,135,173) |
hsl(212,30%,54%) |
#577aa2 |
rgb(87,122,162) |
hsl(212,30%,49%) |
#4f6e92 |
rgb(79,110,146) |
hsl(212,30%,44%) |
#466181 |
rgb(70,97,129) |
hsl(212,30%,39%) |
#3d5571 |
rgb(61,85,113) |
hsl(212,30%,34%) |
#344860 |
rgb(52,72,96) |
hsl(212,30%,29%) |
#2b3c50 |
rgb(43,60,80) |
hsl(212,30%,24%) |
#222f3f |
rgb(34,47,63) |
hsl(212,30%,19%) |
#19232e |
rgb(25,35,46) |
hsl(212,30%,14%) |
#10161e |
rgb(16,22,30) |
hsl(212,30%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(212,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A398 |
rgb(88,163,152) |
hsl(171,30%,49%) |
#587AA2 |
rgb(88,122,162) |
hsl(212,30%,49%) |
#6759A2 |
rgb(103,89,162) |
hsl(252,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AA3BF |
rgb(138,163,191) |
hsl(212,29%,65%) |
#708FB1 |
rgb(112,143,177) |
hsl(211,29%,57%) |
#587AA2 |
rgb(88,122,162) |
hsl(212,30%,49%) |
#496688 |
rgb(73,102,136) |
hsl(212,30%,41%) |
#3B546E |
rgb(59,84,110) |
hsl(211,30%,33%) |
#2D4054 |
rgb(45,64,84) |
hsl(211,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#587AA2 |
rgb(88,122,162) |
hsl(212,30%,49%) |
#A25C58 |
rgb(162,92,88) |
hsl(3,30%,49%) |
#9FA358 |
rgb(159,163,88) |
hsl(63,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#587AA2 |
rgb(88,122,162) |
hsl(212,30%,49%) |
#A28058 |
rgb(162,128,88) |
hsl(32,30%,49%) |
#589EA2 |
rgb(88,158,162) |
hsl(183,30%,49%) |
#9FA358 |
rgb(159,163,88) |
hsl(63,30%,49%) |