HEX #5578D5 color — Havelock Blue

The color #5578D5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5578D5 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(224,60%,98%)
#e2e8f8 rgb(226,232,248) hsl(224,60%,93%)
#ced8f3 rgb(206,216,243) hsl(224,60%,88%)
#bac8ee rgb(186,200,238) hsl(224,60%,83%)
#a5b7e9 rgb(165,183,233) hsl(224,60%,78%)
#91a7e3 rgb(145,167,227) hsl(224,60%,73%)
#7c97de rgb(124,151,222) hsl(224,60%,68%)
#6886d9 rgb(104,134,217) hsl(224,60%,63%)
#5476d4 rgb(84,118,212) hsl(224,60%,58%)
#3f66cf rgb(63,102,207) hsl(224,60%,53%)
#3158c4 rgb(49,88,196) hsl(224,60%,48%)
#2c4faf rgb(44,79,175) hsl(224,60%,43%)
#27469b rgb(39,70,155) hsl(224,60%,38%)
#223d87 rgb(34,61,135) hsl(224,60%,33%)
#1d3372 rgb(29,51,114) hsl(224,60%,28%)
#172a5e rgb(23,42,94) hsl(224,60%,23%)
#122149 rgb(18,33,73) hsl(224,60%,18%)
#0d1835 rgb(13,24,53) hsl(224,60%,13%)
#080f21 rgb(8,15,33) hsl(224,60%,8%)
#03060c rgb(3,6,12) hsl(224,60%,3%)

Adjacent colors

HEX RGB HSL
#55CFD5 rgb(85,207,213) hsl(183,60%,58%)
#5578D5 rgb(85,120,213) hsl(224,60%,58%)
#8754D5 rgb(135,84,213) hsl(264,61%,58%)

Monochromatic colors

HEX RGB HSL
#A1B5E7 rgb(161,181,231) hsl(223,59%,77%)
#7B96DE rgb(123,150,222) hsl(224,60%,68%)
#5578D5 rgb(85,120,213) hsl(224,60%,58%)
#315CC8 rgb(49,92,200) hsl(223,61%,49%)
#284AA2 rgb(40,74,162) hsl(223,60%,40%)
#1E387C rgb(30,56,124) hsl(223,61%,30%)

Triad color palettes

HEX RGB HSL
#5578D5 rgb(85,120,213) hsl(224,60%,58%)
#D57355 rgb(213,115,85) hsl(14,60%,58%)
#B8D655 rgb(184,214,85) hsl(74,61%,59%)

Tetrad color palettes

HEX RGB HSL
#5578D5 rgb(85,120,213) hsl(224,60%,58%)
#D5B355 rgb(213,179,85) hsl(44,60%,58%)
#55B8D5 rgb(85,184,213) hsl(194,60%,58%)
#B8D655 rgb(184,214,85) hsl(74,61%,59%)