HEX #5485D4 color — Havelock Blue
The color #5485D4 is a light shade and moderately saturated.
Palette
5485D4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(217,60%,98%) |
#e2ebf8 |
rgb(226,235,248) |
hsl(217,60%,93%) |
#cedcf3 |
rgb(206,220,243) |
hsl(217,60%,88%) |
#baceee |
rgb(186,206,238) |
hsl(217,60%,83%) |
#a5bfe9 |
rgb(165,191,233) |
hsl(217,60%,78%) |
#91b1e3 |
rgb(145,177,227) |
hsl(217,60%,73%) |
#7ca2de |
rgb(124,162,222) |
hsl(217,60%,68%) |
#6893d9 |
rgb(104,147,217) |
hsl(217,60%,63%) |
#5485d4 |
rgb(84,133,212) |
hsl(217,60%,58%) |
#3f76cf |
rgb(63,118,207) |
hsl(217,60%,53%) |
#3169c4 |
rgb(49,105,196) |
hsl(217,60%,48%) |
#2c5eaf |
rgb(44,94,175) |
hsl(217,60%,43%) |
#27539b |
rgb(39,83,155) |
hsl(217,60%,38%) |
#224887 |
rgb(34,72,135) |
hsl(217,60%,33%) |
#1d3d72 |
rgb(29,61,114) |
hsl(217,60%,28%) |
#17325e |
rgb(23,50,94) |
hsl(217,60%,23%) |
#122749 |
rgb(18,39,73) |
hsl(217,60%,18%) |
#0d1d35 |
rgb(13,29,53) |
hsl(217,60%,13%) |
#081221 |
rgb(8,18,33) |
hsl(217,60%,8%) |
#03070c |
rgb(3,7,12) |
hsl(217,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54D4CD |
rgb(84,212,205) |
hsl(177,60%,58%) |
#5485D4 |
rgb(84,133,212) |
hsl(217,60%,58%) |
#7854D4 |
rgb(120,84,212) |
hsl(257,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FBAE7 |
rgb(159,186,231) |
hsl(218,60%,76%) |
#79A1DD |
rgb(121,161,221) |
hsl(216,60%,67%) |
#5485D4 |
rgb(84,133,212) |
hsl(217,60%,58%) |
#316BC6 |
rgb(49,107,198) |
hsl(217,60%,48%) |
#2857A0 |
rgb(40,87,160) |
hsl(217,60%,39%) |
#1E427A |
rgb(30,66,122) |
hsl(217,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5485D4 |
rgb(84,133,212) |
hsl(217,60%,58%) |
#D46354 |
rgb(212,99,84) |
hsl(7,60%,58%) |
#C5D454 |
rgb(197,212,84) |
hsl(67,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5485D4 |
rgb(84,133,212) |
hsl(217,60%,58%) |
#D4A354 |
rgb(212,163,84) |
hsl(37,60%,58%) |
#54C4D4 |
rgb(84,196,212) |
hsl(188,60%,58%) |
#C5D454 |
rgb(197,212,84) |
hsl(67,60%,58%) |