HEX #557DD5 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

557DD5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(221,60%,98%)
#e2e9f8 rgb(226,233,248) hsl(221,60%,93%)
#cedaf3 rgb(206,218,243) hsl(221,60%,88%)
#bacaee rgb(186,202,238) hsl(221,60%,83%)
#a5bbe9 rgb(165,187,233) hsl(221,60%,78%)
#91abe3 rgb(145,171,227) hsl(221,60%,73%)
#7c9bde rgb(124,155,222) hsl(221,60%,68%)
#688cd9 rgb(104,140,217) hsl(221,60%,63%)
#547cd4 rgb(84,124,212) hsl(221,60%,58%)
#3f6dcf rgb(63,109,207) hsl(221,60%,53%)
#315fc4 rgb(49,95,196) hsl(221,60%,48%)
#2c56af rgb(44,86,175) hsl(221,60%,43%)
#274c9b rgb(39,76,155) hsl(221,60%,38%)
#224287 rgb(34,66,135) hsl(221,60%,33%)
#1d3872 rgb(29,56,114) hsl(221,60%,28%)
#172e5e rgb(23,46,94) hsl(221,60%,23%)
#122449 rgb(18,36,73) hsl(221,60%,18%)
#0d1a35 rgb(13,26,53) hsl(221,60%,13%)
#081021 rgb(8,16,33) hsl(221,60%,8%)
#03060c rgb(3,6,12) hsl(221,60%,3%)

Adjacent colors

HEX RGB HSL
#55D1D5 rgb(85,209,213) hsl(182,60%,58%)
#557DD5 rgb(85,125,213) hsl(221,60%,58%)
#8254D5 rgb(130,84,213) hsl(261,61%,58%)

Monochromatic colors

HEX RGB HSL
#A1B8E7 rgb(161,184,231) hsl(220,59%,77%)
#7B99DE rgb(123,153,222) hsl(222,60%,68%)
#557DD5 rgb(85,125,213) hsl(221,60%,58%)
#3161C8 rgb(49,97,200) hsl(221,61%,49%)
#284FA2 rgb(40,79,162) hsl(221,60%,40%)
#1E3D7C rgb(30,61,124) hsl(220,61%,30%)

Triad color palettes

HEX RGB HSL
#557DD5 rgb(85,125,213) hsl(221,60%,58%)
#D56E55 rgb(213,110,85) hsl(12,60%,58%)
#BDD655 rgb(189,214,85) hsl(72,61%,59%)

Tetrad color palettes

HEX RGB HSL
#557DD5 rgb(85,125,213) hsl(221,60%,58%)
#D5AD55 rgb(213,173,85) hsl(41,60%,58%)
#55BDD5 rgb(85,189,213) hsl(191,60%,58%)
#BDD655 rgb(189,214,85) hsl(72,61%,59%)