HEX #558CDE color — Havelock Blue
The color #558CDE is a light shade and moderately saturated.
Palette
558CDE color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,67%,95%) |
#d4e2f7 |
rgb(212,226,247) |
hsl(216,67%,90%) |
#bfd4f2 |
rgb(191,212,242) |
hsl(216,67%,85%) |
#aac5ee |
rgb(170,197,238) |
hsl(216,67%,80%) |
#95b7ea |
rgb(149,183,234) |
hsl(216,67%,75%) |
#7fa8e6 |
rgb(127,168,230) |
hsl(216,67%,70%) |
#6a9ae2 |
rgb(106,154,226) |
hsl(216,67%,65%) |
#558bdd |
rgb(85,139,221) |
hsl(216,67%,60%) |
#3f7dd9 |
rgb(63,125,217) |
hsl(216,67%,55%) |
#2a6ed5 |
rgb(42,110,213) |
hsl(216,67%,50%) |
#2663c0 |
rgb(38,99,192) |
hsl(216,67%,45%) |
#2258aa |
rgb(34,88,170) |
hsl(216,67%,40%) |
#1d4d95 |
rgb(29,77,149) |
hsl(216,67%,35%) |
#194280 |
rgb(25,66,128) |
hsl(216,67%,30%) |
#15376a |
rgb(21,55,106) |
hsl(216,67%,25%) |
#112c55 |
rgb(17,44,85) |
hsl(216,67%,20%) |
#0d2140 |
rgb(13,33,64) |
hsl(216,67%,15%) |
#08162b |
rgb(8,22,43) |
hsl(216,67%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,67%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DED4 |
rgb(85,222,212) |
hsl(176,67%,60%) |
#558CDE |
rgb(85,140,222) |
hsl(216,67%,60%) |
#7954DE |
rgb(121,84,222) |
hsl(256,68%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0E0F5 |
rgb(208,224,245) |
hsl(214,65%,89%) |
#A7C4ED |
rgb(167,196,237) |
hsl(215,66%,79%) |
#7EA8E5 |
rgb(126,168,229) |
hsl(216,66%,70%) |
#558CDE |
rgb(85,140,222) |
hsl(216,67%,60%) |
#2B70D6 |
rgb(43,112,214) |
hsl(216,68%,50%) |
#2159AE |
rgb(33,89,174) |
hsl(216,68%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CDE |
rgb(85,140,222) |
hsl(216,67%,60%) |
#DE6355 |
rgb(222,99,85) |
hsl(6,67%,60%) |
#D0DE55 |
rgb(208,222,85) |
hsl(66,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CDE |
rgb(85,140,222) |
hsl(216,67%,60%) |
#DEA655 |
rgb(222,166,85) |
hsl(35,67%,60%) |
#55D1DE |
rgb(85,209,222) |
hsl(186,67%,60%) |
#D0DE55 |
rgb(208,222,85) |
hsl(66,67%,60%) |