HEX #558ADD color — Havelock Blue
The color #558ADD is a light shade and moderately saturated.
Palette
558ADD color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fb |
rgb(234,240,251) |
hsl(217,67%,95%) |
#d4e2f7 |
rgb(212,226,247) |
hsl(217,67%,90%) |
#bfd3f2 |
rgb(191,211,242) |
hsl(217,67%,85%) |
#aac4ee |
rgb(170,196,238) |
hsl(217,67%,80%) |
#95b5ea |
rgb(149,181,234) |
hsl(217,67%,75%) |
#7fa7e6 |
rgb(127,167,230) |
hsl(217,67%,70%) |
#6a98e2 |
rgb(106,152,226) |
hsl(217,67%,65%) |
#5589dd |
rgb(85,137,221) |
hsl(217,67%,60%) |
#3f7ad9 |
rgb(63,122,217) |
hsl(217,67%,55%) |
#2a6cd5 |
rgb(42,108,213) |
hsl(217,67%,50%) |
#2661c0 |
rgb(38,97,192) |
hsl(217,67%,45%) |
#2256aa |
rgb(34,86,170) |
hsl(217,67%,40%) |
#1d4b95 |
rgb(29,75,149) |
hsl(217,67%,35%) |
#194180 |
rgb(25,65,128) |
hsl(217,67%,30%) |
#15366a |
rgb(21,54,106) |
hsl(217,67%,25%) |
#112b55 |
rgb(17,43,85) |
hsl(217,67%,20%) |
#0d2040 |
rgb(13,32,64) |
hsl(217,67%,15%) |
#08162b |
rgb(8,22,43) |
hsl(217,67%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(217,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DED5 |
rgb(85,222,213) |
hsl(176,67%,60%) |
#558ADD |
rgb(85,138,221) |
hsl(217,67%,60%) |
#7A54DD |
rgb(122,84,221) |
hsl(257,67%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#CFDEF5 |
rgb(207,222,245) |
hsl(216,66%,89%) |
#A6C2ED |
rgb(166,194,237) |
hsl(216,66%,79%) |
#7DA6E5 |
rgb(125,166,229) |
hsl(216,67%,69%) |
#558ADD |
rgb(85,138,221) |
hsl(217,67%,60%) |
#2C6ED4 |
rgb(44,110,212) |
hsl(216,66%,50%) |
#2259AD |
rgb(34,89,173) |
hsl(216,67%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558ADD |
rgb(85,138,221) |
hsl(217,67%,60%) |
#DD6355 |
rgb(221,99,85) |
hsl(6,67%,60%) |
#CEDE55 |
rgb(206,222,85) |
hsl(67,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558ADD |
rgb(85,138,221) |
hsl(217,67%,60%) |
#DDA855 |
rgb(221,168,85) |
hsl(37,67%,60%) |
#55CFDD |
rgb(85,207,221) |
hsl(186,67%,60%) |
#CEDE55 |
rgb(206,222,85) |
hsl(67,67%,60%) |