HEX #578FA4 color — Horizon
The color #578FA4 is a light shade and slightly desaturated.
Palette
578FA4 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(196,31%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(196,31%,94%) |
#dae7ec |
rgb(218,231,236) |
hsl(196,31%,89%) |
#cadce3 |
rgb(202,220,227) |
hsl(196,31%,84%) |
#b9d1da |
rgb(185,209,218) |
hsl(196,31%,79%) |
#a8c6d1 |
rgb(168,198,209) |
hsl(196,31%,74%) |
#97bbc8 |
rgb(151,187,200) |
hsl(196,31%,69%) |
#87b0c0 |
rgb(135,176,192) |
hsl(196,31%,64%) |
#76a6b7 |
rgb(118,166,183) |
hsl(196,31%,59%) |
#659bae |
rgb(101,155,174) |
hsl(196,31%,54%) |
#568fa4 |
rgb(86,143,164) |
hsl(196,31%,49%) |
#4d8093 |
rgb(77,128,147) |
hsl(196,31%,44%) |
#457282 |
rgb(69,114,130) |
hsl(196,31%,39%) |
#3c6372 |
rgb(60,99,114) |
hsl(196,31%,34%) |
#335561 |
rgb(51,85,97) |
hsl(196,31%,29%) |
#2a4650 |
rgb(42,70,80) |
hsl(196,31%,24%) |
#21373f |
rgb(33,55,63) |
hsl(196,31%,19%) |
#19292f |
rgb(25,41,47) |
hsl(196,31%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(196,31%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(196,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A385 |
rgb(87,163,133) |
hsl(156,30%,49%) |
#578FA4 |
rgb(87,143,164) |
hsl(196,31%,49%) |
#575CA4 |
rgb(87,92,164) |
hsl(236,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AB3C1 |
rgb(138,179,193) |
hsl(195,31%,65%) |
#70A1B3 |
rgb(112,161,179) |
hsl(196,31%,57%) |
#578FA4 |
rgb(87,143,164) |
hsl(196,31%,49%) |
#497889 |
rgb(73,120,137) |
hsl(196,30%,41%) |
#3B616F |
rgb(59,97,111) |
hsl(196,31%,33%) |
#2D4A55 |
rgb(45,74,85) |
hsl(197,31%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#578FA4 |
rgb(87,143,164) |
hsl(196,31%,49%) |
#A45768 |
rgb(164,87,104) |
hsl(347,31%,49%) |
#A49157 |
rgb(164,145,87) |
hsl(45,31%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#578FA4 |
rgb(87,143,164) |
hsl(196,31%,49%) |
#A46B57 |
rgb(164,107,87) |
hsl(16,31%,49%) |
#57A392 |
rgb(87,163,146) |
hsl(167,30%,49%) |
#A49157 |
rgb(164,145,87) |
hsl(45,31%,49%) |