HEX #5480D9 color — Havelock Blue
The color #5480d9 is a dark shade and moderately saturated.
Palette
5480d9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(220,64%,99%) |
#e6ecf9 |
rgb(230,236,249) |
hsl(220,64%,94%) |
#d1ddf5 |
rgb(209,221,245) |
hsl(220,64%,89%) |
#bccdf0 |
rgb(188,205,240) |
hsl(220,64%,84%) |
#a7beec |
rgb(167,190,236) |
hsl(220,64%,79%) |
#92afe7 |
rgb(146,175,231) |
hsl(220,64%,74%) |
#7d9fe3 |
rgb(125,159,227) |
hsl(220,64%,69%) |
#6890de |
rgb(104,144,222) |
hsl(220,64%,64%) |
#5480d9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#3f71d5 |
rgb(63,113,213) |
hsl(220,64%,54%) |
#2d62cd |
rgb(45,98,205) |
hsl(220,64%,49%) |
#2858b8 |
rgb(40,88,184) |
hsl(220,64%,44%) |
#244ea3 |
rgb(36,78,163) |
hsl(220,64%,39%) |
#1f448e |
rgb(31,68,142) |
hsl(220,64%,34%) |
#1b3a79 |
rgb(27,58,121) |
hsl(220,64%,29%) |
#163064 |
rgb(22,48,100) |
hsl(220,64%,24%) |
#11264f |
rgb(17,38,79) |
hsl(220,64%,19%) |
#0d1c3b |
rgb(13,28,59) |
hsl(220,64%,14%) |
#081226 |
rgb(8,18,38) |
hsl(220,64%,9%) |
#040811 |
rgb(4,8,17) |
hsl(220,64%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D9D9 |
rgb(84,217,217) |
hsl(180,64%,59%) |
#5480D9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#8054D9 |
rgb(128,84,217) |
hsl(260,64%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A2BAEA |
rgb(162,186,234) |
hsl(220,63%,78%) |
#7B9EE1 |
rgb(123,158,225) |
hsl(219,63%,68%) |
#5480D9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#2D63CE |
rgb(45,99,206) |
hsl(220,64%,49%) |
#254FA7 |
rgb(37,79,167) |
hsl(221,64%,40%) |
#1C3D80 |
rgb(28,61,128) |
hsl(220,64%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5480D9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#D96B54 |
rgb(217,107,84) |
hsl(10,64%,59%) |
#C2D954 |
rgb(194,217,84) |
hsl(70,64%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5480D9 |
rgb(84,128,217) |
hsl(220,64%,59%) |
#D9AD54 |
rgb(217,173,84) |
hsl(40,64%,59%) |
#54C2D9 |
rgb(84,194,217) |
hsl(190,64%,59%) |
#C2D954 |
rgb(194,217,84) |
hsl(70,64%,59%) |