HEX #578EA2 color — Horizon

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

Color codes

copy icon
copy icon
copy icon

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%)