HEX #578EA2 color — Horizon
The color #578ea2 is a light shade and slightly desaturated.
Palette
578ea2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(196,30%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(196,30%,94%) |
#dbe7eb |
rgb(219,231,235) |
hsl(196,30%,89%) |
#cadce2 |
rgb(202,220,226) |
hsl(196,30%,84%) |
#b9d1da |
rgb(185,209,218) |
hsl(196,30%,79%) |
#a9c6d1 |
rgb(169,198,209) |
hsl(196,30%,74%) |
#98bbc8 |
rgb(152,187,200) |
hsl(196,30%,69%) |
#88b0bf |
rgb(136,176,191) |
hsl(196,30%,64%) |
#77a5b6 |
rgb(119,165,182) |
hsl(196,30%,59%) |
#679aad |
rgb(103,154,173) |
hsl(196,30%,54%) |
#578ea2 |
rgb(87,142,162) |
hsl(196,30%,49%) |
#4f8092 |
rgb(79,128,146) |
hsl(196,30%,44%) |
#467181 |
rgb(70,113,129) |
hsl(196,30%,39%) |
#3d6371 |
rgb(61,99,113) |
hsl(196,30%,34%) |
#345460 |
rgb(52,84,96) |
hsl(196,30%,29%) |
#2b4650 |
rgb(43,70,80) |
hsl(196,30%,24%) |
#22373f |
rgb(34,55,63) |
hsl(196,30%,19%) |
#19292e |
rgb(25,41,46) |
hsl(196,30%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(196,30%,9%) |
#070c0d |
rgb(7,12,13) |
hsl(196,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A384 |
rgb(87,163,132) |
hsl(156,30%,49%) |
#578EA2 |
rgb(87,142,162) |
hsl(196,30%,49%) |
#575CA2 |
rgb(87,92,162) |
hsl(236,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B0BF |
rgb(137,176,191) |
hsl(197,30%,64%) |
#6FA1B1 |
rgb(111,161,177) |
hsl(195,30%,56%) |
#578EA2 |
rgb(87,142,162) |
hsl(196,30%,49%) |
#497888 |
rgb(73,120,136) |
hsl(195,30%,41%) |
#3B616E |
rgb(59,97,110) |
hsl(195,30%,33%) |
#2D4A54 |
rgb(45,74,84) |
hsl(195,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#578EA2 |
rgb(87,142,162) |
hsl(196,30%,49%) |
#A25768 |
rgb(162,87,104) |
hsl(346,30%,49%) |
#A29157 |
rgb(162,145,87) |
hsl(46,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#578EA2 |
rgb(87,142,162) |
hsl(196,30%,49%) |
#A26B57 |
rgb(162,107,87) |
hsl(16,30%,49%) |
#57A390 |
rgb(87,163,144) |
hsl(165,30%,49%) |
#A29157 |
rgb(162,145,87) |
hsl(46,30%,49%) |