HEX #5482E1 color — Havelock Blue
The color #5482E1 is a dark shade and moderately saturated.
Palette
5482E1 color palette from light to dark
HEX |
RGB |
HSL |
#eef2fc |
rgb(238,242,252) |
hsl(220,70%,96%) |
#d8e3f8 |
rgb(216,227,248) |
hsl(220,70%,91%) |
#c2d3f4 |
rgb(194,211,244) |
hsl(220,70%,86%) |
#adc3f0 |
rgb(173,195,240) |
hsl(220,70%,81%) |
#97b4ed |
rgb(151,180,237) |
hsl(220,70%,76%) |
#81a4e9 |
rgb(129,164,233) |
hsl(220,70%,71%) |
#6c94e5 |
rgb(108,148,229) |
hsl(220,70%,66%) |
#5684e1 |
rgb(86,132,225) |
hsl(220,70%,61%) |
#4075dd |
rgb(64,117,221) |
hsl(220,70%,56%) |
#2b65da |
rgb(43,101,218) |
hsl(220,70%,51%) |
#235ac7 |
rgb(35,90,199) |
hsl(220,70%,46%) |
#1f50b2 |
rgb(31,80,178) |
hsl(220,70%,41%) |
#1c469c |
rgb(28,70,156) |
hsl(220,70%,36%) |
#183d86 |
rgb(24,61,134) |
hsl(220,70%,31%) |
#143371 |
rgb(20,51,113) |
hsl(220,70%,26%) |
#10295b |
rgb(16,41,91) |
hsl(220,70%,21%) |
#0c1f45 |
rgb(12,31,69) |
hsl(220,70%,16%) |
#081630 |
rgb(8,22,48) |
hsl(220,70%,11%) |
#050c1a |
rgb(5,12,26) |
hsl(220,70%,6%) |
#010204 |
rgb(1,2,4) |
hsl(220,70%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54E0E1 |
rgb(84,224,225) |
hsl(180,70%,61%) |
#5482E1 |
rgb(84,130,225) |
hsl(220,70%,61%) |
#8454E1 |
rgb(132,84,225) |
hsl(260,70%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D2DEF7 |
rgb(210,222,247) |
hsl(221,70%,90%) |
#A8BFEF |
rgb(168,191,239) |
hsl(221,69%,80%) |
#7EA1E8 |
rgb(126,161,232) |
hsl(220,70%,70%) |
#5482E1 |
rgb(84,130,225) |
hsl(220,70%,61%) |
#2963D9 |
rgb(41,99,217) |
hsl(220,70%,51%) |
#1F4FB2 |
rgb(31,79,178) |
hsl(220,70%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5482E1 |
rgb(84,130,225) |
hsl(220,70%,61%) |
#E16E54 |
rgb(225,110,84) |
hsl(11,70%,61%) |
#C8E054 |
rgb(200,224,84) |
hsl(70,69%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5482E1 |
rgb(84,130,225) |
hsl(220,70%,61%) |
#E1B354 |
rgb(225,179,84) |
hsl(40,70%,61%) |
#54C9E1 |
rgb(84,201,225) |
hsl(190,70%,61%) |
#C8E054 |
rgb(200,224,84) |
hsl(70,69%,60%) |