HEX #578AA1 color — Horizon
The color #578AA1 is a dark shade and slightly desaturated.
Palette
578AA1 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(199,30%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(199,30%,94%) |
#dbe6eb |
rgb(219,230,235) |
hsl(199,30%,89%) |
#cadbe2 |
rgb(202,219,226) |
hsl(199,30%,84%) |
#b9cfda |
rgb(185,207,218) |
hsl(199,30%,79%) |
#a9c4d1 |
rgb(169,196,209) |
hsl(199,30%,74%) |
#98b9c8 |
rgb(152,185,200) |
hsl(199,30%,69%) |
#88adbf |
rgb(136,173,191) |
hsl(199,30%,64%) |
#77a2b6 |
rgb(119,162,182) |
hsl(199,30%,59%) |
#6797ad |
rgb(103,151,173) |
hsl(199,30%,54%) |
#578ba2 |
rgb(87,139,162) |
hsl(199,30%,49%) |
#4f7d92 |
rgb(79,125,146) |
hsl(199,30%,44%) |
#466e81 |
rgb(70,110,129) |
hsl(199,30%,39%) |
#3d6071 |
rgb(61,96,113) |
hsl(199,30%,34%) |
#345260 |
rgb(52,82,96) |
hsl(199,30%,29%) |
#2b4450 |
rgb(43,68,80) |
hsl(199,30%,24%) |
#22363f |
rgb(34,54,63) |
hsl(199,30%,19%) |
#19282e |
rgb(25,40,46) |
hsl(199,30%,14%) |
#10191e |
rgb(16,25,30) |
hsl(199,30%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(199,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A186 |
rgb(87,161,134) |
hsl(158,30%,49%) |
#578AA1 |
rgb(87,138,161) |
hsl(199,30%,49%) |
#5759A1 |
rgb(87,89,161) |
hsl(238,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88ADBE |
rgb(136,173,190) |
hsl(199,29%,64%) |
#6E9CB1 |
rgb(110,156,177) |
hsl(199,30%,56%) |
#578AA1 |
rgb(87,138,161) |
hsl(199,30%,49%) |
#497387 |
rgb(73,115,135) |
hsl(199,30%,41%) |
#3B5E6D |
rgb(59,94,109) |
hsl(198,30%,33%) |
#2D4753 |
rgb(45,71,83) |
hsl(199,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#578AA1 |
rgb(87,138,161) |
hsl(199,30%,49%) |
#A15765 |
rgb(161,87,101) |
hsl(349,30%,49%) |
#A19457 |
rgb(161,148,87) |
hsl(49,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#578AA1 |
rgb(87,138,161) |
hsl(199,30%,49%) |
#A16E57 |
rgb(161,110,87) |
hsl(19,30%,49%) |
#57A193 |
rgb(87,161,147) |
hsl(169,30%,49%) |
#A19457 |
rgb(161,148,87) |
hsl(49,30%,49%) |