HEX #558AA2 color — Horizon

The color #558AA2 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

558AA2 color palette from light to dark

HEX RGB HSL
#f8fafb rgb(248,250,251) hsl(199,31%,98%)
#e8eff3 rgb(232,239,243) hsl(199,31%,93%)
#d7e4ea rgb(215,228,234) hsl(199,31%,88%)
#c6d9e1 rgb(198,217,225) hsl(199,31%,83%)
#b6cdd8 rgb(182,205,216) hsl(199,31%,78%)
#a5c2cf rgb(165,194,207) hsl(199,31%,73%)
#94b7c7 rgb(148,183,199) hsl(199,31%,68%)
#83abbe rgb(131,171,190) hsl(199,31%,63%)
#73a0b5 rgb(115,160,181) hsl(199,31%,58%)
#6295ac rgb(98,149,172) hsl(199,31%,53%)
#5488a0 rgb(84,136,160) hsl(199,31%,48%)
#4c7a90 rgb(76,122,144) hsl(199,31%,43%)
#436c7f rgb(67,108,127) hsl(199,31%,38%)
#3a5e6e rgb(58,94,110) hsl(199,31%,33%)
#31505e rgb(49,80,94) hsl(199,31%,28%)
#28414d rgb(40,65,77) hsl(199,31%,23%)
#20333c rgb(32,51,60) hsl(199,31%,18%)
#17252b rgb(23,37,43) hsl(199,31%,13%)
#0e171b rgb(14,23,27) hsl(199,31%,8%)
#05090a rgb(5,9,10) hsl(199,31%,3%)

Adjacent colors

HEX RGB HSL
#55A386 rgb(85,163,134) hsl(158,31%,49%)
#558AA2 rgb(85,138,162) hsl(199,31%,48%)
#5557A2 rgb(85,87,162) hsl(238,31%,48%)

Monochromatic colors

HEX RGB HSL
#86ADBF rgb(134,173,191) hsl(199,31%,64%)
#6C9CB2 rgb(108,156,178) hsl(199,31%,56%)
#558AA2 rgb(85,138,162) hsl(199,31%,48%)
#477388 rgb(71,115,136) hsl(199,31%,41%)
#395E6E rgb(57,94,110) hsl(198,32%,33%)
#2C4754 rgb(44,71,84) hsl(200,31%,25%)

Triad color palettes

HEX RGB HSL
#558AA2 rgb(85,138,162) hsl(199,31%,48%)
#A25463 rgb(162,84,99) hsl(348,32%,48%)
#A29455 rgb(162,148,85) hsl(49,31%,48%)

Tetrad color palettes

HEX RGB HSL
#558AA2 rgb(85,138,162) hsl(199,31%,48%)
#A26E55 rgb(162,110,85) hsl(19,31%,48%)
#55A393 rgb(85,163,147) hsl(168,31%,49%)
#A29455 rgb(162,148,85) hsl(49,31%,48%)