HEX #578AA4 color — Horizon
The color #578AA4 is a dark shade and slightly desaturated.
Palette
578AA4 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(200,31%,99%) |
#ebf1f4 |
rgb(235,241,244) |
hsl(200,31%,94%) |
#dae6ec |
rgb(218,230,236) |
hsl(200,31%,89%) |
#cadae3 |
rgb(202,218,227) |
hsl(200,31%,84%) |
#b9cfda |
rgb(185,207,218) |
hsl(200,31%,79%) |
#a8c4d1 |
rgb(168,196,209) |
hsl(200,31%,74%) |
#97b8c8 |
rgb(151,184,200) |
hsl(200,31%,69%) |
#87adc0 |
rgb(135,173,192) |
hsl(200,31%,64%) |
#76a1b7 |
rgb(118,161,183) |
hsl(200,31%,59%) |
#6596ae |
rgb(101,150,174) |
hsl(200,31%,54%) |
#568aa4 |
rgb(86,138,164) |
hsl(200,31%,49%) |
#4d7c93 |
rgb(77,124,147) |
hsl(200,31%,44%) |
#456e82 |
rgb(69,110,130) |
hsl(200,31%,39%) |
#3c6072 |
rgb(60,96,114) |
hsl(200,31%,34%) |
#335261 |
rgb(51,82,97) |
hsl(200,31%,29%) |
#2a4450 |
rgb(42,68,80) |
hsl(200,31%,24%) |
#21353f |
rgb(33,53,63) |
hsl(200,31%,19%) |
#19272f |
rgb(25,39,47) |
hsl(200,31%,14%) |
#10191e |
rgb(16,25,30) |
hsl(200,31%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(200,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A38A |
rgb(87,163,138) |
hsl(160,30%,49%) |
#578AA4 |
rgb(87,138,164) |
hsl(200,31%,49%) |
#5757A4 |
rgb(87,87,164) |
hsl(240,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AADC1 |
rgb(138,173,193) |
hsl(202,31%,65%) |
#709CB3 |
rgb(112,156,179) |
hsl(201,31%,57%) |
#578AA4 |
rgb(87,138,164) |
hsl(200,31%,49%) |
#497389 |
rgb(73,115,137) |
hsl(201,30%,41%) |
#3B5E6F |
rgb(59,94,111) |
hsl(200,31%,33%) |
#2D4755 |
rgb(45,71,85) |
hsl(201,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#578AA4 |
rgb(87,138,164) |
hsl(200,31%,49%) |
#A45763 |
rgb(164,87,99) |
hsl(351,31%,49%) |
#A49657 |
rgb(164,150,87) |
hsl(49,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#578AA4 |
rgb(87,138,164) |
hsl(200,31%,49%) |
#A47057 |
rgb(164,112,87) |
hsl(19,31%,49%) |
#57A397 |
rgb(87,163,151) |
hsl(171,30%,49%) |
#A49657 |
rgb(164,150,87) |
hsl(49,31%,49%) |