HEX #5480D5 color — Havelock Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5480D5 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(220,61%,98%)
#e2eaf8 rgb(226,234,248) hsl(220,61%,93%)
#cedaf3 rgb(206,218,243) hsl(220,61%,88%)
#b9cbee rgb(185,203,238) hsl(220,61%,83%)
#a5bbe9 rgb(165,187,233) hsl(220,61%,78%)
#90ace4 rgb(144,172,228) hsl(220,61%,73%)
#7c9ddf rgb(124,157,223) hsl(220,61%,68%)
#678dda rgb(103,141,218) hsl(220,61%,63%)
#537ed5 rgb(83,126,213) hsl(220,61%,58%)
#3e6fd0 rgb(62,111,208) hsl(220,61%,53%)
#3062c5 rgb(48,98,197) hsl(220,61%,48%)
#2b57b1 rgb(43,87,177) hsl(220,61%,43%)
#264d9c rgb(38,77,156) hsl(220,61%,38%)
#214387 rgb(33,67,135) hsl(220,61%,33%)
#1c3973 rgb(28,57,115) hsl(220,61%,28%)
#172f5e rgb(23,47,94) hsl(220,61%,23%)
#12254a rgb(18,37,74) hsl(220,61%,18%)
#0d1a35 rgb(13,26,53) hsl(220,61%,13%)
#081021 rgb(8,16,33) hsl(220,61%,8%)
#03060c rgb(3,6,12) hsl(220,61%,3%)

Adjacent colors

HEX RGB HSL
#54D6D4 rgb(84,214,212) hsl(179,61%,58%)
#5480D5 rgb(84,128,213) hsl(220,61%,58%)
#7E54D5 rgb(126,84,213) hsl(260,61%,58%)

Monochromatic colors

HEX RGB HSL
#A0B8E7 rgb(160,184,231) hsl(220,60%,77%)
#7A9CDE rgb(122,156,222) hsl(220,60%,67%)
#5480D5 rgb(84,128,213) hsl(220,61%,58%)
#3166C8 rgb(49,102,200) hsl(219,61%,49%)
#2752A2 rgb(39,82,162) hsl(219,61%,39%)
#1E3D7B rgb(30,61,123) hsl(220,61%,30%)

Triad color palettes

HEX RGB HSL
#5480D5 rgb(84,128,213) hsl(220,61%,58%)
#D56954 rgb(213,105,84) hsl(10,61%,58%)
#C0D654 rgb(192,214,84) hsl(70,61%,58%)

Tetrad color palettes

HEX RGB HSL
#5480D5 rgb(84,128,213) hsl(220,61%,58%)
#D5A854 rgb(213,168,84) hsl(39,61%,58%)
#54BFD5 rgb(84,191,213) hsl(190,61%,58%)
#C0D654 rgb(192,214,84) hsl(70,61%,58%)