HEX #557DDD color — Havelock Blue
The color #557DDD is a dark shade and moderately saturated.
Palette
557DDD color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(222,67%,95%) |
#d4dff7 |
rgb(212,223,247) |
hsl(222,67%,90%) |
#bfcef2 |
rgb(191,206,242) |
hsl(222,67%,85%) |
#aabeee |
rgb(170,190,238) |
hsl(222,67%,80%) |
#95aeea |
rgb(149,174,234) |
hsl(222,67%,75%) |
#7f9ee6 |
rgb(127,158,230) |
hsl(222,67%,70%) |
#6a8ee2 |
rgb(106,142,226) |
hsl(222,67%,65%) |
#557edd |
rgb(85,126,221) |
hsl(222,67%,60%) |
#3f6dd9 |
rgb(63,109,217) |
hsl(222,67%,55%) |
#2a5dd5 |
rgb(42,93,213) |
hsl(222,67%,50%) |
#2654c0 |
rgb(38,84,192) |
hsl(222,67%,45%) |
#224baa |
rgb(34,75,170) |
hsl(222,67%,40%) |
#1d4195 |
rgb(29,65,149) |
hsl(222,67%,35%) |
#193880 |
rgb(25,56,128) |
hsl(222,67%,30%) |
#152f6a |
rgb(21,47,106) |
hsl(222,67%,25%) |
#112555 |
rgb(17,37,85) |
hsl(222,67%,20%) |
#0d1c40 |
rgb(13,28,64) |
hsl(222,67%,15%) |
#08132b |
rgb(8,19,43) |
hsl(222,67%,10%) |
#040915 |
rgb(4,9,21) |
hsl(222,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D9DD |
rgb(85,217,221) |
hsl(182,67%,60%) |
#557DDD |
rgb(85,125,221) |
hsl(222,67%,60%) |
#8754DD |
rgb(135,84,221) |
hsl(262,67%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CFDBF5 |
rgb(207,219,245) |
hsl(221,66%,89%) |
#A6BAED |
rgb(166,186,237) |
hsl(223,66%,79%) |
#7D9CE5 |
rgb(125,156,229) |
hsl(222,67%,69%) |
#557DDD |
rgb(85,125,221) |
hsl(222,67%,60%) |
#2C5ED4 |
rgb(44,94,212) |
hsl(222,66%,50%) |
#224DAD |
rgb(34,77,173) |
hsl(221,67%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#557DDD |
rgb(85,125,221) |
hsl(222,67%,60%) |
#DD7055 |
rgb(221,112,85) |
hsl(12,67%,60%) |
#C1DE55 |
rgb(193,222,85) |
hsl(73,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557DDD |
rgb(85,125,221) |
hsl(222,67%,60%) |
#DDB555 |
rgb(221,181,85) |
hsl(42,67%,60%) |
#55C2DD |
rgb(85,194,221) |
hsl(192,67%,60%) |
#C1DE55 |
rgb(193,222,85) |
hsl(73,67%,60%) |