HEX #558CA3 color — Horizon

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

Color codes

copy icon
copy icon
copy icon

Palette

558CA3 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(198,31%,99%)
#ebf2f4 rgb(235,242,244) hsl(198,31%,94%)
#dae6ec rgb(218,230,236) hsl(198,31%,89%)
#cadbe3 rgb(202,219,227) hsl(198,31%,84%)
#b9d0da rgb(185,208,218) hsl(198,31%,79%)
#a8c5d1 rgb(168,197,209) hsl(198,31%,74%)
#97bac8 rgb(151,186,200) hsl(198,31%,69%)
#87afc0 rgb(135,175,192) hsl(198,31%,64%)
#76a3b7 rgb(118,163,183) hsl(198,31%,59%)
#6598ae rgb(101,152,174) hsl(198,31%,54%)
#568ca4 rgb(86,140,164) hsl(198,31%,49%)
#4d7e93 rgb(77,126,147) hsl(198,31%,44%)
#457082 rgb(69,112,130) hsl(198,31%,39%)
#3c6172 rgb(60,97,114) hsl(198,31%,34%)
#335361 rgb(51,83,97) hsl(198,31%,29%)
#2a4550 rgb(42,69,80) hsl(198,31%,24%)
#21363f rgb(33,54,63) hsl(198,31%,19%)
#19282f rgb(25,40,47) hsl(198,31%,14%)
#101a1e rgb(16,26,30) hsl(198,31%,9%)
#070b0d rgb(7,11,13) hsl(198,31%,4%)

Adjacent colors

HEX RGB HSL
#55A386 rgb(85,163,134) hsl(158,31%,49%)
#558CA3 rgb(85,140,163) hsl(198,31%,49%)
#5559A3 rgb(85,89,163) hsl(237,31%,49%)

Monochromatic colors

HEX RGB HSL
#86B0C0 rgb(134,176,192) hsl(197,32%,64%)
#6C9EB2 rgb(108,158,178) hsl(197,31%,56%)
#558CA3 rgb(85,140,163) hsl(198,31%,49%)
#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
#558CA3 rgb(85,140,163) hsl(198,31%,49%)
#A35465 rgb(163,84,101) hsl(347,32%,48%)
#A39455 rgb(163,148,85) hsl(48,31%,49%)

Tetrad color palettes

HEX RGB HSL
#558CA3 rgb(85,140,163) hsl(198,31%,49%)
#A36B55 rgb(163,107,85) hsl(17,31%,49%)
#55A393 rgb(85,163,147) hsl(168,31%,49%)
#A39455 rgb(163,148,85) hsl(48,31%,49%)