HEX #558CDF color — Havelock Blue
The color #558CDF is a light shade and moderately saturated.
Palette
558CDF color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,68%,95%) |
#d4e2f7 |
rgb(212,226,247) |
hsl(216,68%,90%) |
#bfd4f3 |
rgb(191,212,243) |
hsl(216,68%,85%) |
#a9c5ef |
rgb(169,197,239) |
hsl(216,68%,80%) |
#94b7eb |
rgb(148,183,235) |
hsl(216,68%,75%) |
#7ea8e7 |
rgb(126,168,231) |
hsl(216,68%,70%) |
#699ae2 |
rgb(105,154,226) |
hsl(216,68%,65%) |
#548bde |
rgb(84,139,222) |
hsl(216,68%,60%) |
#3e7dda |
rgb(62,125,218) |
hsl(216,68%,55%) |
#296ed6 |
rgb(41,110,214) |
hsl(216,68%,50%) |
#2563c1 |
rgb(37,99,193) |
hsl(216,68%,45%) |
#2158ab |
rgb(33,88,171) |
hsl(216,68%,40%) |
#1d4d96 |
rgb(29,77,150) |
hsl(216,68%,35%) |
#184281 |
rgb(24,66,129) |
hsl(216,68%,30%) |
#14376b |
rgb(20,55,107) |
hsl(216,68%,25%) |
#102c56 |
rgb(16,44,86) |
hsl(216,68%,20%) |
#0c2140 |
rgb(12,33,64) |
hsl(216,68%,15%) |
#08162b |
rgb(8,22,43) |
hsl(216,68%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DED6 |
rgb(85,222,214) |
hsl(176,67%,60%) |
#558CDF |
rgb(85,140,223) |
hsl(216,68%,60%) |
#7A54DF |
rgb(122,84,223) |
hsl(256,68%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D1E0F6 |
rgb(209,224,246) |
hsl(216,67%,89%) |
#A7C4EE |
rgb(167,196,238) |
hsl(215,68%,79%) |
#7EA8E6 |
rgb(126,168,230) |
hsl(216,68%,70%) |
#558CDF |
rgb(85,140,223) |
hsl(216,68%,60%) |
#2B70D7 |
rgb(43,112,215) |
hsl(216,68%,51%) |
#2159B0 |
rgb(33,89,176) |
hsl(217,68%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558CDF |
rgb(85,140,223) |
hsl(216,68%,60%) |
#DF6355 |
rgb(223,99,85) |
hsl(6,68%,60%) |
#D1DE55 |
rgb(209,222,85) |
hsl(66,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558CDF |
rgb(85,140,223) |
hsl(216,68%,60%) |
#DFA855 |
rgb(223,168,85) |
hsl(36,68%,60%) |
#55D1DF |
rgb(85,209,223) |
hsl(186,68%,60%) |
#D1DE55 |
rgb(209,222,85) |
hsl(66,67%,60%) |