HEX #558AA4 color — Horizon

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

Color codes

copy icon
copy icon
copy icon

Palette

558AA4 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(200,32%,99%)
#ebf1f5 rgb(235,241,245) hsl(200,32%,94%)
#dae6ec rgb(218,230,236) hsl(200,32%,89%)
#c9dbe3 rgb(201,219,227) hsl(200,32%,84%)
#b8cfdb rgb(184,207,219) hsl(200,32%,79%)
#a7c4d2 rgb(167,196,210) hsl(200,32%,74%)
#97b8c9 rgb(151,184,201) hsl(200,32%,69%)
#86adc1 rgb(134,173,193) hsl(200,32%,64%)
#75a2b8 rgb(117,162,184) hsl(200,32%,59%)
#6496af rgb(100,150,175) hsl(200,32%,54%)
#558aa5 rgb(85,138,165) hsl(200,32%,49%)
#4c7c94 rgb(76,124,148) hsl(200,32%,44%)
#446e83 rgb(68,110,131) hsl(200,32%,39%)
#3b6072 rgb(59,96,114) hsl(200,32%,34%)
#325262 rgb(50,82,98) hsl(200,32%,29%)
#2a4451 rgb(42,68,81) hsl(200,32%,24%)
#213640 rgb(33,54,64) hsl(200,32%,19%)
#18282f rgb(24,40,47) hsl(200,32%,14%)
#10191e rgb(16,25,30) hsl(200,32%,9%)
#070b0d rgb(7,11,13) hsl(200,32%,4%)

Adjacent colors

HEX RGB HSL
#55A389 rgb(85,163,137) hsl(160,31%,49%)
#558AA4 rgb(85,138,164) hsl(200,32%,49%)
#5554A4 rgb(85,84,164) hsl(241,32%,49%)

Monochromatic colors

HEX RGB HSL
#87ADC1 rgb(135,173,193) hsl(201,32%,64%)
#6D9CB3 rgb(109,156,179) hsl(200,32%,56%)
#558AA4 rgb(85,138,164) hsl(200,32%,49%)
#477389 rgb(71,115,137) hsl(200,32%,41%)
#395E6F rgb(57,94,111) hsl(199,32%,33%)
#2C4755 rgb(44,71,85) hsl(200,32%,25%)

Triad color palettes

HEX RGB HSL
#558AA4 rgb(85,138,164) hsl(200,32%,49%)
#A45462 rgb(164,84,98) hsl(350,32%,49%)
#A49655 rgb(164,150,85) hsl(49,32%,49%)

Tetrad color palettes

HEX RGB HSL
#558AA4 rgb(85,138,164) hsl(200,32%,49%)
#A47055 rgb(164,112,85) hsl(21,32%,49%)
#55A396 rgb(85,163,150) hsl(170,31%,49%)
#A49655 rgb(164,150,85) hsl(49,32%,49%)