HEX #5476D4 color — Havelock Blue
The color #5476d4 is a dark shade and moderately saturated.
Palette
5476d4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(224,60%,98%) |
#e2e8f8 |
rgb(226,232,248) |
hsl(224,60%,93%) |
#ced8f3 |
rgb(206,216,243) |
hsl(224,60%,88%) |
#bac8ee |
rgb(186,200,238) |
hsl(224,60%,83%) |
#a5b7e9 |
rgb(165,183,233) |
hsl(224,60%,78%) |
#91a7e3 |
rgb(145,167,227) |
hsl(224,60%,73%) |
#7c97de |
rgb(124,151,222) |
hsl(224,60%,68%) |
#6886d9 |
rgb(104,134,217) |
hsl(224,60%,63%) |
#5476d4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#3f66cf |
rgb(63,102,207) |
hsl(224,60%,53%) |
#3158c4 |
rgb(49,88,196) |
hsl(224,60%,48%) |
#2c4faf |
rgb(44,79,175) |
hsl(224,60%,43%) |
#27469b |
rgb(39,70,155) |
hsl(224,60%,38%) |
#223d87 |
rgb(34,61,135) |
hsl(224,60%,33%) |
#1d3372 |
rgb(29,51,114) |
hsl(224,60%,28%) |
#172a5e |
rgb(23,42,94) |
hsl(224,60%,23%) |
#122149 |
rgb(18,33,73) |
hsl(224,60%,18%) |
#0d1835 |
rgb(13,24,53) |
hsl(224,60%,13%) |
#080f21 |
rgb(8,15,33) |
hsl(224,60%,8%) |
#03060c |
rgb(3,6,12) |
hsl(224,60%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#54CCD4 |
rgb(84,204,212) |
hsl(184,60%,58%) |
#5476D4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#8754D4 |
rgb(135,84,212) |
hsl(264,60%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3E7 |
rgb(159,179,231) |
hsl(223,60%,76%) |
#7994DD |
rgb(121,148,221) |
hsl(224,60%,67%) |
#5476D4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#3159C6 |
rgb(49,89,198) |
hsl(224,60%,48%) |
#2847A0 |
rgb(40,71,160) |
hsl(225,60%,39%) |
#1E387A |
rgb(30,56,122) |
hsl(223,61%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5476D4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#D47354 |
rgb(212,115,84) |
hsl(15,60%,58%) |
#B6D454 |
rgb(182,212,84) |
hsl(74,60%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5476D4 |
rgb(84,118,212) |
hsl(224,60%,58%) |
#D4B354 |
rgb(212,179,84) |
hsl(45,60%,58%) |
#54B5D4 |
rgb(84,181,212) |
hsl(195,60%,58%) |
#B6D454 |
rgb(182,212,84) |
hsl(74,60%,58%) |