HEX #557BDD color — Havelock Blue
The color #557bdd is a dark shade and moderately saturated.
Palette
557bdd color palette from light to dark
HEX |
RGB |
HSL |
#eaeffb |
rgb(234,239,251) |
hsl(223,67%,95%) |
#d4def7 |
rgb(212,222,247) |
hsl(223,67%,90%) |
#bfcef2 |
rgb(191,206,242) |
hsl(223,67%,85%) |
#aabdee |
rgb(170,189,238) |
hsl(223,67%,80%) |
#95adea |
rgb(149,173,234) |
hsl(223,67%,75%) |
#7f9ce6 |
rgb(127,156,230) |
hsl(223,67%,70%) |
#6a8ce2 |
rgb(106,140,226) |
hsl(223,67%,65%) |
#557bdd |
rgb(85,123,221) |
hsl(223,67%,60%) |
#3f6bd9 |
rgb(63,107,217) |
hsl(223,67%,55%) |
#2a5ad5 |
rgb(42,90,213) |
hsl(223,67%,50%) |
#2651c0 |
rgb(38,81,192) |
hsl(223,67%,45%) |
#2248aa |
rgb(34,72,170) |
hsl(223,67%,40%) |
#1d3f95 |
rgb(29,63,149) |
hsl(223,67%,35%) |
#193680 |
rgb(25,54,128) |
hsl(223,67%,30%) |
#152d6a |
rgb(21,45,106) |
hsl(223,67%,25%) |
#112455 |
rgb(17,36,85) |
hsl(223,67%,20%) |
#0d1b40 |
rgb(13,27,64) |
hsl(223,67%,15%) |
#08122b |
rgb(8,18,43) |
hsl(223,67%,10%) |
#040915 |
rgb(4,9,21) |
hsl(223,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55D6DD |
rgb(85,214,221) |
hsl(183,67%,60%) |
#557BDD |
rgb(85,123,221) |
hsl(223,67%,60%) |
#8954DD |
rgb(137,84,221) |
hsl(263,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%) |
#557BDD |
rgb(85,123,221) |
hsl(223,67%,60%) |
#2C5CD4 |
rgb(44,92,212) |
hsl(223,66%,50%) |
#224AAD |
rgb(34,74,173) |
hsl(223,67%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#557BDD |
rgb(85,123,221) |
hsl(223,67%,60%) |
#DD7355 |
rgb(221,115,85) |
hsl(13,67%,60%) |
#BFDE55 |
rgb(191,222,85) |
hsl(74,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557BDD |
rgb(85,123,221) |
hsl(223,67%,60%) |
#DDB855 |
rgb(221,184,85) |
hsl(44,67%,60%) |
#55BFDD |
rgb(85,191,221) |
hsl(193,67%,60%) |
#BFDE55 |
rgb(191,222,85) |
hsl(74,67%,60%) |