HEX #5482E0 color — Havelock Blue
The color #5482E0 is a dark shade and moderately saturated.
Palette
5482E0 color palette from light to dark
HEX |
RGB |
HSL |
#e9effb |
rgb(233,239,251) |
hsl(220,69%,95%) |
#d4e0f7 |
rgb(212,224,247) |
hsl(220,69%,90%) |
#bed0f3 |
rgb(190,208,243) |
hsl(220,69%,85%) |
#a9c0ef |
rgb(169,192,239) |
hsl(220,69%,80%) |
#93b1eb |
rgb(147,177,235) |
hsl(220,69%,75%) |
#7ea1e7 |
rgb(126,161,231) |
hsl(220,69%,70%) |
#6891e3 |
rgb(104,145,227) |
hsl(220,69%,65%) |
#5382df |
rgb(83,130,223) |
hsl(220,69%,60%) |
#3d72db |
rgb(61,114,219) |
hsl(220,69%,55%) |
#2862d7 |
rgb(40,98,215) |
hsl(220,69%,50%) |
#2458c2 |
rgb(36,88,194) |
hsl(220,69%,45%) |
#204fac |
rgb(32,79,172) |
hsl(220,69%,40%) |
#1c4597 |
rgb(28,69,151) |
hsl(220,69%,35%) |
#183b81 |
rgb(24,59,129) |
hsl(220,69%,30%) |
#14316c |
rgb(20,49,108) |
hsl(220,69%,25%) |
#102756 |
rgb(16,39,86) |
hsl(220,69%,20%) |
#0c1d41 |
rgb(12,29,65) |
hsl(220,69%,15%) |
#08142b |
rgb(8,20,43) |
hsl(220,69%,10%) |
#040a16 |
rgb(4,10,22) |
hsl(220,69%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54E0E0 |
rgb(84,224,224) |
hsl(180,69%,60%) |
#5482E0 |
rgb(84,130,224) |
hsl(220,69%,60%) |
#8354E0 |
rgb(131,84,224) |
hsl(260,69%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D1DEF6 |
rgb(209,222,246) |
hsl(219,67%,89%) |
#A7BFEF |
rgb(167,191,239) |
hsl(220,69%,80%) |
#7DA1E7 |
rgb(125,161,231) |
hsl(220,69%,70%) |
#5482E0 |
rgb(84,130,224) |
hsl(220,69%,60%) |
#2A63D8 |
rgb(42,99,216) |
hsl(220,69%,51%) |
#204FB1 |
rgb(32,79,177) |
hsl(221,69%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5482E0 |
rgb(84,130,224) |
hsl(220,69%,60%) |
#E06B54 |
rgb(224,107,84) |
hsl(10,69%,60%) |
#C8E054 |
rgb(200,224,84) |
hsl(70,69%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5482E0 |
rgb(84,130,224) |
hsl(220,69%,60%) |
#E0B354 |
rgb(224,179,84) |
hsl(41,69%,60%) |
#54C7E0 |
rgb(84,199,224) |
hsl(191,69%,60%) |
#C8E054 |
rgb(200,224,84) |
hsl(70,69%,60%) |