HEX #5478D4 color — Havelock Blue
The color #5478d4 is a dark shade and moderately saturated.
Palette
5478d4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,60%,98%) |
#e2e9f8 |
rgb(226,233,248) |
hsl(223,60%,93%) |
#ced8f3 |
rgb(206,216,243) |
hsl(223,60%,88%) |
#bac8ee |
rgb(186,200,238) |
hsl(223,60%,83%) |
#a5b8e9 |
rgb(165,184,233) |
hsl(223,60%,78%) |
#91a8e3 |
rgb(145,168,227) |
hsl(223,60%,73%) |
#7c98de |
rgb(124,152,222) |
hsl(223,60%,68%) |
#6888d9 |
rgb(104,136,217) |
hsl(223,60%,63%) |
#5478d4 |
rgb(84,120,212) |
hsl(223,60%,58%) |
#3f68cf |
rgb(63,104,207) |
hsl(223,60%,53%) |
#315bc4 |
rgb(49,91,196) |
hsl(223,60%,48%) |
#2c51af |
rgb(44,81,175) |
hsl(223,60%,43%) |
#27489b |
rgb(39,72,155) |
hsl(223,60%,38%) |
#223e87 |
rgb(34,62,135) |
hsl(223,60%,33%) |
#1d3572 |
rgb(29,53,114) |
hsl(223,60%,28%) |
#172b5e |
rgb(23,43,94) |
hsl(223,60%,23%) |
#122249 |
rgb(18,34,73) |
hsl(223,60%,18%) |
#0d1935 |
rgb(13,25,53) |
hsl(223,60%,13%) |
#080f21 |
rgb(8,15,33) |
hsl(223,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54CFD4 |
rgb(84,207,212) |
hsl(182,60%,58%) |
#5478D4 |
rgb(84,120,212) |
hsl(223,60%,58%) |
#8554D4 |
rgb(133,84,212) |
hsl(263,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3E7 |
rgb(159,179,231) |
hsl(223,60%,76%) |
#7996DD |
rgb(121,150,221) |
hsl(223,60%,67%) |
#5478D4 |
rgb(84,120,212) |
hsl(223,60%,58%) |
#315CC6 |
rgb(49,92,198) |
hsl(223,60%,48%) |
#284AA0 |
rgb(40,74,160) |
hsl(223,60%,39%) |
#1E387A |
rgb(30,56,122) |
hsl(223,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5478D4 |
rgb(84,120,212) |
hsl(223,60%,58%) |
#D47054 |
rgb(212,112,84) |
hsl(13,60%,58%) |
#B8D454 |
rgb(184,212,84) |
hsl(73,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5478D4 |
rgb(84,120,212) |
hsl(223,60%,58%) |
#D4B054 |
rgb(212,176,84) |
hsl(43,60%,58%) |
#54B8D4 |
rgb(84,184,212) |
hsl(193,60%,58%) |
#B8D454 |
rgb(184,212,84) |
hsl(73,60%,58%) |