HEX #558BD3 color — Havelock Blue

The color #558bd3 is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

558bd3 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(214,59%,98%)
#e3ecf8 rgb(227,236,248) hsl(214,59%,93%)
#cedef2 rgb(206,222,242) hsl(214,59%,88%)
#bad0ed rgb(186,208,237) hsl(214,59%,83%)
#a6c2e8 rgb(166,194,232) hsl(214,59%,78%)
#92b5e3 rgb(146,181,227) hsl(214,59%,73%)
#7da7de rgb(125,167,222) hsl(214,59%,68%)
#6999d8 rgb(105,153,216) hsl(214,59%,63%)
#558bd3 rgb(85,139,211) hsl(214,59%,58%)
#407ece rgb(64,126,206) hsl(214,59%,53%)
#3271c3 rgb(50,113,195) hsl(214,59%,48%)
#2d65ae rgb(45,101,174) hsl(214,59%,43%)
#28599a rgb(40,89,154) hsl(214,59%,38%)
#234e86 rgb(35,78,134) hsl(214,59%,33%)
#1d4272 rgb(29,66,114) hsl(214,59%,28%)
#18365d rgb(24,54,93) hsl(214,59%,23%)
#132a49 rgb(19,42,73) hsl(214,59%,18%)
#0e1f35 rgb(14,31,53) hsl(214,59%,13%)
#081320 rgb(8,19,32) hsl(214,59%,8%)
#03070c rgb(3,7,12) hsl(214,59%,3%)

Adjacent colors

HEX RGB HSL
#55D4C7 rgb(85,212,199) hsl(174,60%,58%)
#558BD3 rgb(85,139,211) hsl(214,59%,58%)
#7354D3 rgb(115,84,211) hsl(255,59%,58%)

Monochromatic colors

HEX RGB HSL
#A0BFE6 rgb(160,191,230) hsl(213,58%,76%)
#7AA6DC rgb(122,166,220) hsl(213,58%,67%)
#558BD3 rgb(85,139,211) hsl(214,59%,58%)
#3373C5 rgb(51,115,197) hsl(214,59%,49%)
#295C9F rgb(41,92,159) hsl(214,59%,39%)
#1F477A rgb(31,71,122) hsl(214,59%,30%)

Triad color palettes

HEX RGB HSL
#558BD3 rgb(85,139,211) hsl(214,59%,58%)
#D35E55 rgb(211,94,85) hsl(4,59%,58%)
#CAD455 rgb(202,212,85) hsl(65,60%,58%)

Tetrad color palettes

HEX RGB HSL
#558BD3 rgb(85,139,211) hsl(214,59%,58%)
#D39E55 rgb(211,158,85) hsl(35,59%,58%)
#55C9D3 rgb(85,201,211) hsl(185,59%,58%)
#CAD455 rgb(202,212,85) hsl(65,60%,58%)