HEX #5485E2 color — Havelock Blue
The color #5485E2 is a light shade and moderately saturated.
Palette
5485E2 color palette from light to dark
HEX |
RGB |
HSL |
#eef3fc |
rgb(238,243,252) |
hsl(219,71%,96%) |
#d8e3f8 |
rgb(216,227,248) |
hsl(219,71%,91%) |
#c2d4f5 |
rgb(194,212,245) |
hsl(219,71%,86%) |
#acc4f1 |
rgb(172,196,241) |
hsl(219,71%,81%) |
#96b5ed |
rgb(150,181,237) |
hsl(219,71%,76%) |
#81a5ea |
rgb(129,165,234) |
hsl(219,71%,71%) |
#6b96e6 |
rgb(107,150,230) |
hsl(219,71%,66%) |
#5586e2 |
rgb(85,134,226) |
hsl(219,71%,61%) |
#3f77de |
rgb(63,119,222) |
hsl(219,71%,56%) |
#2967db |
rgb(41,103,219) |
hsl(219,71%,51%) |
#225cc9 |
rgb(34,92,201) |
hsl(219,71%,46%) |
#1e52b3 |
rgb(30,82,179) |
hsl(219,71%,41%) |
#1b489d |
rgb(27,72,157) |
hsl(219,71%,36%) |
#173e87 |
rgb(23,62,135) |
hsl(219,71%,31%) |
#133471 |
rgb(19,52,113) |
hsl(219,71%,26%) |
#102a5c |
rgb(16,42,92) |
hsl(219,71%,21%) |
#0c2046 |
rgb(12,32,70) |
hsl(219,71%,16%) |
#081630 |
rgb(8,22,48) |
hsl(219,71%,11%) |
#040c1a |
rgb(4,12,26) |
hsl(219,71%,6%) |
#010204 |
rgb(1,2,4) |
hsl(219,71%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54E3E0 |
rgb(84,227,224) |
hsl(179,72%,61%) |
#5485E2 |
rgb(84,133,226) |
hsl(219,71%,61%) |
#8154E2 |
rgb(129,84,226) |
hsl(259,71%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D3E0F7 |
rgb(211,224,247) |
hsl(218,69%,90%) |
#A8C2F0 |
rgb(168,194,240) |
hsl(218,71%,80%) |
#7EA3E9 |
rgb(126,163,233) |
hsl(219,71%,70%) |
#5485E2 |
rgb(84,133,226) |
hsl(219,71%,61%) |
#2966DA |
rgb(41,102,218) |
hsl(219,71%,51%) |
#1E52B4 |
rgb(30,82,180) |
hsl(219,71%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5485E2 |
rgb(84,133,226) |
hsl(219,71%,61%) |
#E26B54 |
rgb(226,107,84) |
hsl(10,71%,61%) |
#CCE354 |
rgb(204,227,84) |
hsl(70,72%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5485E2 |
rgb(84,133,226) |
hsl(219,71%,61%) |
#E2B054 |
rgb(226,176,84) |
hsl(39,71%,61%) |
#54CCE2 |
rgb(84,204,226) |
hsl(189,71%,61%) |
#CCE354 |
rgb(204,227,84) |
hsl(70,72%,61%) |