HEX #557BD3 color — Havelock Blue

The color #557bd3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

557bd3 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(222,59%,98%)
#e3e9f8 rgb(227,233,248) hsl(222,59%,93%)
#ced9f2 rgb(206,217,242) hsl(222,59%,88%)
#bac9ed rgb(186,201,237) hsl(222,59%,83%)
#a6bae8 rgb(166,186,232) hsl(222,59%,78%)
#92aae3 rgb(146,170,227) hsl(222,59%,73%)
#7d9ade rgb(125,154,222) hsl(222,59%,68%)
#698ad8 rgb(105,138,216) hsl(222,59%,63%)
#557bd3 rgb(85,123,211) hsl(222,59%,58%)
#406bce rgb(64,107,206) hsl(222,59%,53%)
#325ec3 rgb(50,94,195) hsl(222,59%,48%)
#2d54ae rgb(45,84,174) hsl(222,59%,43%)
#284a9a rgb(40,74,154) hsl(222,59%,38%)
#234086 rgb(35,64,134) hsl(222,59%,33%)
#1d3772 rgb(29,55,114) hsl(222,59%,28%)
#182d5d rgb(24,45,93) hsl(222,59%,23%)
#132349 rgb(19,35,73) hsl(222,59%,18%)
#0e1935 rgb(14,25,53) hsl(222,59%,13%)
#081020 rgb(8,16,32) hsl(222,59%,8%)
#03060c rgb(3,6,12) hsl(222,59%,3%)

Adjacent colors

HEX RGB HSL
#55CFD3 rgb(85,207,211) hsl(182,59%,58%)
#557BD3 rgb(85,123,211) hsl(222,59%,58%)
#8354D3 rgb(131,84,211) hsl(262,59%,58%)

Monochromatic colors

HEX RGB HSL
#A0B5E6 rgb(160,181,230) hsl(222,58%,76%)
#7A99DC rgb(122,153,220) hsl(221,58%,67%)
#557BD3 rgb(85,123,211) hsl(222,59%,58%)
#335EC5 rgb(51,94,197) hsl(222,59%,49%)
#294D9F rgb(41,77,159) hsl(222,59%,39%)
#1F3B7A rgb(31,59,122) hsl(222,59%,30%)

Triad color palettes

HEX RGB HSL
#557BD3 rgb(85,123,211) hsl(222,59%,58%)
#D36E55 rgb(211,110,85) hsl(12,59%,58%)
#BAD455 rgb(186,212,85) hsl(72,60%,58%)

Tetrad color palettes

HEX RGB HSL
#557BD3 rgb(85,123,211) hsl(222,59%,58%)
#D3AD55 rgb(211,173,85) hsl(42,59%,58%)
#55BAD3 rgb(85,186,211) hsl(192,59%,58%)
#BAD455 rgb(186,212,85) hsl(72,60%,58%)