HEX #5480D4 color — Havelock Blue
The color #5480D4 is a dark shade and moderately saturated.
Palette
5480D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(219,60%,98%) |
#e2eaf8 |
rgb(226,234,248) |
hsl(219,60%,93%) |
#cedbf3 |
rgb(206,219,243) |
hsl(219,60%,88%) |
#baccee |
rgb(186,204,238) |
hsl(219,60%,83%) |
#a5bde9 |
rgb(165,189,233) |
hsl(219,60%,78%) |
#91aee3 |
rgb(145,174,227) |
hsl(219,60%,73%) |
#7c9fde |
rgb(124,159,222) |
hsl(219,60%,68%) |
#6890d9 |
rgb(104,144,217) |
hsl(219,60%,63%) |
#5481d4 |
rgb(84,129,212) |
hsl(219,60%,58%) |
#3f72cf |
rgb(63,114,207) |
hsl(219,60%,53%) |
#3164c4 |
rgb(49,100,196) |
hsl(219,60%,48%) |
#2c5aaf |
rgb(44,90,175) |
hsl(219,60%,43%) |
#274f9b |
rgb(39,79,155) |
hsl(219,60%,38%) |
#224587 |
rgb(34,69,135) |
hsl(219,60%,33%) |
#1d3b72 |
rgb(29,59,114) |
hsl(219,60%,28%) |
#17305e |
rgb(23,48,94) |
hsl(219,60%,23%) |
#122649 |
rgb(18,38,73) |
hsl(219,60%,18%) |
#0d1b35 |
rgb(13,27,53) |
hsl(219,60%,13%) |
#081121 |
rgb(8,17,33) |
hsl(219,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(219,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D4D2 |
rgb(84,212,210) |
hsl(179,60%,58%) |
#5480D4 |
rgb(84,128,212) |
hsl(219,60%,58%) |
#7D54D4 |
rgb(125,84,212) |
hsl(259,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB8E7 |
rgb(159,184,231) |
hsl(219,60%,76%) |
#799CDD |
rgb(121,156,221) |
hsl(219,60%,67%) |
#5480D4 |
rgb(84,128,212) |
hsl(219,60%,58%) |
#3166C6 |
rgb(49,102,198) |
hsl(219,60%,48%) |
#2852A0 |
rgb(40,82,160) |
hsl(219,60%,39%) |
#1E407A |
rgb(30,64,122) |
hsl(218,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5480D4 |
rgb(84,128,212) |
hsl(219,60%,58%) |
#D46954 |
rgb(212,105,84) |
hsl(10,60%,58%) |
#C0D454 |
rgb(192,212,84) |
hsl(69,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5480D4 |
rgb(84,128,212) |
hsl(219,60%,58%) |
#D4A854 |
rgb(212,168,84) |
hsl(39,60%,58%) |
#54BFD4 |
rgb(84,191,212) |
hsl(190,60%,58%) |
#C0D454 |
rgb(192,212,84) |
hsl(69,60%,58%) |