HEX #558CA2 color — Horizon

The color #558CA2 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

558CA2 color palette from light to dark

HEX RGB HSL
#f8fbfb rgb(248,251,251) hsl(197,31%,98%)
#e8f0f3 rgb(232,240,243) hsl(197,31%,93%)
#d7e5ea rgb(215,229,234) hsl(197,31%,88%)
#c6d9e1 rgb(198,217,225) hsl(197,31%,83%)
#b6ced8 rgb(182,206,216) hsl(197,31%,78%)
#a5c3cf rgb(165,195,207) hsl(197,31%,73%)
#94b8c7 rgb(148,184,199) hsl(197,31%,68%)
#83adbe rgb(131,173,190) hsl(197,31%,63%)
#73a2b5 rgb(115,162,181) hsl(197,31%,58%)
#6297ac rgb(98,151,172) hsl(197,31%,53%)
#548ba0 rgb(84,139,160) hsl(197,31%,48%)
#4c7c90 rgb(76,124,144) hsl(197,31%,43%)
#436e7f rgb(67,110,127) hsl(197,31%,38%)
#3a5f6e rgb(58,95,110) hsl(197,31%,33%)
#31515e rgb(49,81,94) hsl(197,31%,28%)
#28434d rgb(40,67,77) hsl(197,31%,23%)
#20343c rgb(32,52,60) hsl(197,31%,18%)
#17262b rgb(23,38,43) hsl(197,31%,13%)
#0e171b rgb(14,23,27) hsl(197,31%,8%)
#05090a rgb(5,9,10) hsl(197,31%,3%)

Adjacent colors

HEX RGB HSL
#55A384 rgb(85,163,132) hsl(156,31%,49%)
#558CA2 rgb(85,140,162) hsl(197,31%,48%)
#5559A2 rgb(85,89,162) hsl(237,31%,48%)

Monochromatic colors

HEX RGB HSL
#86B0BF rgb(134,176,191) hsl(196,31%,64%)
#6C9EB2 rgb(108,158,178) hsl(197,31%,56%)
#558CA2 rgb(85,140,162) hsl(197,31%,48%)
#477588 rgb(71,117,136) hsl(198,31%,41%)
#395E6E rgb(57,94,110) hsl(198,32%,33%)
#2C4A54 rgb(44,74,84) hsl(195,31%,25%)

Triad color palettes

HEX RGB HSL
#558CA2 rgb(85,140,162) hsl(197,31%,48%)
#A25465 rgb(162,84,101) hsl(347,32%,48%)
#A29155 rgb(162,145,85) hsl(47,31%,48%)

Tetrad color palettes

HEX RGB HSL
#558CA2 rgb(85,140,162) hsl(197,31%,48%)
#A26B55 rgb(162,107,85) hsl(17,31%,48%)
#55A391 rgb(85,163,145) hsl(166,31%,49%)
#A29155 rgb(162,145,85) hsl(47,31%,48%)