HEX #5480E0 color — Havelock Blue
The color #5480E0 is a dark shade and moderately saturated.
Palette
5480E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(221,69%,95%) |
#d4dff7 |
rgb(212,223,247) |
hsl(221,69%,90%) |
#becff3 |
rgb(190,207,243) |
hsl(221,69%,85%) |
#a9bfef |
rgb(169,191,239) |
hsl(221,69%,80%) |
#93afeb |
rgb(147,175,235) |
hsl(221,69%,75%) |
#7e9fe7 |
rgb(126,159,231) |
hsl(221,69%,70%) |
#688fe3 |
rgb(104,143,227) |
hsl(221,69%,65%) |
#537fdf |
rgb(83,127,223) |
hsl(221,69%,60%) |
#3d6fdb |
rgb(61,111,219) |
hsl(221,69%,55%) |
#285fd7 |
rgb(40,95,215) |
hsl(221,69%,50%) |
#2456c2 |
rgb(36,86,194) |
hsl(221,69%,45%) |
#204cac |
rgb(32,76,172) |
hsl(221,69%,40%) |
#1c4397 |
rgb(28,67,151) |
hsl(221,69%,35%) |
#183981 |
rgb(24,57,129) |
hsl(221,69%,30%) |
#14306c |
rgb(20,48,108) |
hsl(221,69%,25%) |
#102656 |
rgb(16,38,86) |
hsl(221,69%,20%) |
#0c1d41 |
rgb(12,29,65) |
hsl(221,69%,15%) |
#08132b |
rgb(8,19,43) |
hsl(221,69%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(221,69%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54DEE0 |
rgb(84,222,224) |
hsl(181,69%,60%) |
#5480E0 |
rgb(84,128,224) |
hsl(221,69%,60%) |
#8554E0 |
rgb(133,84,224) |
hsl(261,69%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D1DEF6 |
rgb(209,222,246) |
hsl(219,67%,89%) |
#A7BDEF |
rgb(167,189,239) |
hsl(222,69%,80%) |
#7D9EE7 |
rgb(125,158,231) |
hsl(221,69%,70%) |
#5480E0 |
rgb(84,128,224) |
hsl(221,69%,60%) |
#2A61D8 |
rgb(42,97,216) |
hsl(221,69%,51%) |
#204DB1 |
rgb(32,77,177) |
hsl(221,69%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5480E0 |
rgb(84,128,224) |
hsl(221,69%,60%) |
#E06E54 |
rgb(224,110,84) |
hsl(11,69%,60%) |
#C6E054 |
rgb(198,224,84) |
hsl(71,69%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5480E0 |
rgb(84,128,224) |
hsl(221,69%,60%) |
#E0B554 |
rgb(224,181,84) |
hsl(42,69%,60%) |
#54C7E0 |
rgb(84,199,224) |
hsl(191,69%,60%) |
#C6E054 |
rgb(198,224,84) |
hsl(71,69%,60%) |