HEX #558CA5 color — Horizon

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

Color codes

copy icon
copy icon
copy icon

Palette

558ca5 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(199,32%,99%)
#ebf1f5 rgb(235,241,245) hsl(199,32%,94%)
#dae6ec rgb(218,230,236) hsl(199,32%,89%)
#c9dbe3 rgb(201,219,227) hsl(199,32%,84%)
#b8d0db rgb(184,208,219) hsl(199,32%,79%)
#a7c4d2 rgb(167,196,210) hsl(199,32%,74%)
#97b9c9 rgb(151,185,201) hsl(199,32%,69%)
#86aec1 rgb(134,174,193) hsl(199,32%,64%)
#75a3b8 rgb(117,163,184) hsl(199,32%,59%)
#6497af rgb(100,151,175) hsl(199,32%,54%)
#558ca5 rgb(85,140,165) hsl(199,32%,49%)
#4c7d94 rgb(76,125,148) hsl(199,32%,44%)
#446f83 rgb(68,111,131) hsl(199,32%,39%)
#3b6172 rgb(59,97,114) hsl(199,32%,34%)
#325362 rgb(50,83,98) hsl(199,32%,29%)
#2a4451 rgb(42,68,81) hsl(199,32%,24%)
#213640 rgb(33,54,64) hsl(199,32%,19%)
#18282f rgb(24,40,47) hsl(199,32%,14%)
#101a1e rgb(16,26,30) hsl(199,32%,9%)
#070b0d rgb(7,11,13) hsl(199,32%,4%)

Adjacent colors

HEX RGB HSL
#55A688 rgb(85,166,136) hsl(158,32%,49%)
#558CA5 rgb(85,140,165) hsl(199,32%,49%)
#5557A5 rgb(85,87,165) hsl(239,32%,49%)

Monochromatic colors

HEX RGB HSL
#88B0C1 rgb(136,176,193) hsl(198,31%,65%)
#6D9EB4 rgb(109,158,180) hsl(199,32%,57%)
#558CA5 rgb(85,140,165) hsl(199,32%,49%)
#47758A rgb(71,117,138) hsl(199,32%,41%)
#395E70 rgb(57,94,112) hsl(200,33%,33%)
#2C4A55 rgb(44,74,85) hsl(196,32%,25%)

Triad color palettes

HEX RGB HSL
#558CA5 rgb(85,140,165) hsl(199,32%,49%)
#A55464 rgb(165,84,100) hsl(348,33%,49%)
#A59655 rgb(165,150,85) hsl(49,32%,49%)

Tetrad color palettes

HEX RGB HSL
#558CA5 rgb(85,140,165) hsl(199,32%,49%)
#A56E55 rgb(165,110,85) hsl(19,32%,49%)
#55A696 rgb(85,166,150) hsl(168,32%,49%)
#A59655 rgb(165,150,85) hsl(49,32%,49%)