HEX #578DA2 color — Horizon

The color #578da2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

578da2 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(197,30%,99%)
#ebf2f4 rgb(235,242,244) hsl(197,30%,94%)
#dbe7eb rgb(219,231,235) hsl(197,30%,89%)
#cadce2 rgb(202,220,226) hsl(197,30%,84%)
#b9d0da rgb(185,208,218) hsl(197,30%,79%)
#a9c5d1 rgb(169,197,209) hsl(197,30%,74%)
#98bac8 rgb(152,186,200) hsl(197,30%,69%)
#88afbf rgb(136,175,191) hsl(197,30%,64%)
#77a4b6 rgb(119,164,182) hsl(197,30%,59%)
#6799ad rgb(103,153,173) hsl(197,30%,54%)
#578da2 rgb(87,141,162) hsl(197,30%,49%)
#4f7f92 rgb(79,127,146) hsl(197,30%,44%)
#467081 rgb(70,112,129) hsl(197,30%,39%)
#3d6271 rgb(61,98,113) hsl(197,30%,34%)
#345460 rgb(52,84,96) hsl(197,30%,29%)
#2b4550 rgb(43,69,80) hsl(197,30%,24%)
#22373f rgb(34,55,63) hsl(197,30%,19%)
#19282e rgb(25,40,46) hsl(197,30%,14%)
#101a1e rgb(16,26,30) hsl(197,30%,9%)
#070c0d rgb(7,12,13) hsl(197,30%,4%)

Adjacent colors

HEX RGB HSL
#57A385 rgb(87,163,133) hsl(156,30%,49%)
#578DA2 rgb(87,141,162) hsl(197,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%)
#6F9EB1 rgb(111,158,177) hsl(197,30%,56%)
#578DA2 rgb(87,141,162) hsl(197,30%,49%)
#497588 rgb(73,117,136) hsl(198,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
#578DA2 rgb(87,141,162) hsl(197,30%,49%)
#A25767 rgb(162,87,103) hsl(347,30%,49%)
#A29157 rgb(162,145,87) hsl(46,30%,49%)

Tetrad color palettes

HEX RGB HSL
#578DA2 rgb(87,141,162) hsl(197,30%,49%)
#A26B57 rgb(162,107,87) hsl(16,30%,49%)
#57A391 rgb(87,163,145) hsl(166,30%,49%)
#A29157 rgb(162,145,87) hsl(46,30%,49%)