HEX #648BDD color — Havelock Blue

The color #648bdd is a light shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

648bdd color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(221,64%,98%)
#e2e9f9 rgb(226,233,249) hsl(221,64%,93%)
#cdd9f4 rgb(205,217,244) hsl(221,64%,88%)
#b8c9ef rgb(184,201,239) hsl(221,64%,83%)
#a3baeb rgb(163,186,235) hsl(221,64%,78%)
#8eaae6 rgb(142,170,230) hsl(221,64%,73%)
#799ae2 rgb(121,154,226) hsl(221,64%,68%)
#648bdd rgb(100,139,221) hsl(221,64%,63%)
#4f7bd8 rgb(79,123,216) hsl(221,64%,58%)
#3a6bd4 rgb(58,107,212) hsl(221,64%,53%)
#2c5ec9 rgb(44,94,201) hsl(221,64%,48%)
#2754b4 rgb(39,84,180) hsl(221,64%,43%)
#234a9f rgb(35,74,159) hsl(221,64%,38%)
#1e408a rgb(30,64,138) hsl(221,64%,33%)
#1a3775 rgb(26,55,117) hsl(221,64%,28%)
#152d60 rgb(21,45,96) hsl(221,64%,23%)
#11234b rgb(17,35,75) hsl(221,64%,18%)
#0c1936 rgb(12,25,54) hsl(221,64%,13%)
#071021 rgb(7,16,33) hsl(221,64%,8%)
#03060d rgb(3,6,13) hsl(221,64%,3%)

Adjacent colors

HEX RGB HSL
#64DBDD rgb(100,219,221) hsl(181,64%,63%)
#648BDD rgb(100,139,221) hsl(221,64%,63%)
#8D63DD rgb(141,99,221) hsl(261,64%,63%)

Monochromatic colors

HEX RGB HSL
#E2EBF8 rgb(226,235,248) hsl(215,61%,93%)
#B8C9EF rgb(184,201,239) hsl(221,63%,83%)
#8EABE6 rgb(142,171,230) hsl(220,64%,73%)
#648BDD rgb(100,139,221) hsl(221,64%,63%)
#396BD3 rgb(57,107,211) hsl(221,64%,53%)
#2754B3 rgb(39,84,179) hsl(221,64%,43%)

Triad color palettes

HEX RGB HSL
#648BDD rgb(100,139,221) hsl(221,64%,63%)
#DD7A64 rgb(221,122,100) hsl(11,64%,63%)
#C7DE64 rgb(199,222,100) hsl(71,65%,63%)

Tetrad color palettes

HEX RGB HSL
#648BDD rgb(100,139,221) hsl(221,64%,63%)
#DDB564 rgb(221,181,100) hsl(40,64%,63%)
#64C7DD rgb(100,199,221) hsl(191,64%,63%)
#C7DE64 rgb(199,222,100) hsl(71,65%,63%)