HEX #578CA2 color — Horizon
The color #578CA2 is a light shade and slightly desaturated.
Palette
578CA2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(198,30%,99%) |
#ebf2f4 |
rgb(235,242,244) |
hsl(198,30%,94%) |
#dbe6eb |
rgb(219,230,235) |
hsl(198,30%,89%) |
#cadbe2 |
rgb(202,219,226) |
hsl(198,30%,84%) |
#b9d0da |
rgb(185,208,218) |
hsl(198,30%,79%) |
#a9c5d1 |
rgb(169,197,209) |
hsl(198,30%,74%) |
#98b9c8 |
rgb(152,185,200) |
hsl(198,30%,69%) |
#88aebf |
rgb(136,174,191) |
hsl(198,30%,64%) |
#77a3b6 |
rgb(119,163,182) |
hsl(198,30%,59%) |
#6798ad |
rgb(103,152,173) |
hsl(198,30%,54%) |
#578ca2 |
rgb(87,140,162) |
hsl(198,30%,49%) |
#4f7e92 |
rgb(79,126,146) |
hsl(198,30%,44%) |
#466f81 |
rgb(70,111,129) |
hsl(198,30%,39%) |
#3d6171 |
rgb(61,97,113) |
hsl(198,30%,34%) |
#345360 |
rgb(52,83,96) |
hsl(198,30%,29%) |
#2b4550 |
rgb(43,69,80) |
hsl(198,30%,24%) |
#22363f |
rgb(34,54,63) |
hsl(198,30%,19%) |
#19282e |
rgb(25,40,46) |
hsl(198,30%,14%) |
#101a1e |
rgb(16,26,30) |
hsl(198,30%,9%) |
#070b0d |
rgb(7,11,13) |
hsl(198,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A386 |
rgb(87,163,134) |
hsl(157,30%,49%) |
#578CA2 |
rgb(87,140,162) |
hsl(198,30%,49%) |
#5759A2 |
rgb(87,89,162) |
hsl(238,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#89B0BF |
rgb(137,176,191) |
hsl(197,30%,64%) |
#6F9EB1 |
rgb(111,158,177) |
hsl(197,30%,56%) |
#578CA2 |
rgb(87,140,162) |
hsl(198,30%,49%) |
#497588 |
rgb(73,117,136) |
hsl(198,30%,41%) |
#3B5E6E |
rgb(59,94,110) |
hsl(199,30%,33%) |
#2D4A54 |
rgb(45,74,84) |
hsl(195,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#578CA2 |
rgb(87,140,162) |
hsl(198,30%,49%) |
#A25766 |
rgb(162,87,102) |
hsl(348,30%,49%) |
#A29157 |
rgb(162,145,87) |
hsl(46,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#578CA2 |
rgb(87,140,162) |
hsl(198,30%,49%) |
#A26E57 |
rgb(162,110,87) |
hsl(18,30%,49%) |
#57A392 |
rgb(87,163,146) |
hsl(167,30%,49%) |
#A29157 |
rgb(162,145,87) |
hsl(46,30%,49%) |