HEX #5480D5 color — Havelock Blue
The color #5480D5 is a dark shade and moderately saturated.
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%) |