HEX #558AA3 color — Horizon

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

Color codes

copy icon
copy icon
copy icon

Palette

558AA3 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(199,31%,99%)
#ebf1f4 rgb(235,241,244) hsl(199,31%,94%)
#dae6ec rgb(218,230,236) hsl(199,31%,89%)
#cadbe3 rgb(202,219,227) hsl(199,31%,84%)
#b9d0da rgb(185,208,218) hsl(199,31%,79%)
#a8c4d1 rgb(168,196,209) hsl(199,31%,74%)
#97b9c8 rgb(151,185,200) hsl(199,31%,69%)
#87aec0 rgb(135,174,192) hsl(199,31%,64%)
#76a2b7 rgb(118,162,183) hsl(199,31%,59%)
#6597ae rgb(101,151,174) hsl(199,31%,54%)
#568ba4 rgb(86,139,164) hsl(199,31%,49%)
#4d7d93 rgb(77,125,147) hsl(199,31%,44%)
#456f82 rgb(69,111,130) hsl(199,31%,39%)
#3c6172 rgb(60,97,114) hsl(199,31%,34%)
#335261 rgb(51,82,97) hsl(199,31%,29%)
#2a4450 rgb(42,68,80) hsl(199,31%,24%)
#21363f rgb(33,54,63) hsl(199,31%,19%)
#19282f rgb(25,40,47) hsl(199,31%,14%)
#101a1e rgb(16,26,30) hsl(199,31%,9%)
#070b0d rgb(7,11,13) hsl(199,31%,4%)

Adjacent colors

HEX RGB HSL
#55A388 rgb(85,163,136) hsl(159,31%,49%)
#558AA3 rgb(85,138,163) hsl(199,31%,49%)
#5557A3 rgb(85,87,163) hsl(238,31%,49%)

Monochromatic colors

HEX RGB HSL
#86ADC0 rgb(134,173,192) hsl(200,32%,64%)
#6C9CB2 rgb(108,156,178) hsl(199,31%,56%)
#558AA3 rgb(85,138,163) hsl(199,31%,49%)
#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
#558AA3 rgb(85,138,163) hsl(199,31%,49%)
#A35463 rgb(163,84,99) hsl(349,32%,48%)
#A39455 rgb(163,148,85) hsl(48,31%,49%)

Tetrad color palettes

HEX RGB HSL
#558AA3 rgb(85,138,163) hsl(199,31%,49%)
#A36E55 rgb(163,110,85) hsl(19,31%,49%)
#55A395 rgb(85,163,149) hsl(169,31%,49%)
#A39455 rgb(163,148,85) hsl(48,31%,49%)