HEX #558ADF color — Havelock Blue
The color #558ADF is a light shade and moderately saturated.
Palette
558ADF color palette from light to dark
HEX |
RGB |
HSL |
#eaf0fb |
rgb(234,240,251) |
hsl(217,68%,95%) |
#d4e1f7 |
rgb(212,225,247) |
hsl(217,68%,90%) |
#bfd3f3 |
rgb(191,211,243) |
hsl(217,68%,85%) |
#a9c4ef |
rgb(169,196,239) |
hsl(217,68%,80%) |
#94b5eb |
rgb(148,181,235) |
hsl(217,68%,75%) |
#7ea6e7 |
rgb(126,166,231) |
hsl(217,68%,70%) |
#6998e2 |
rgb(105,152,226) |
hsl(217,68%,65%) |
#5489de |
rgb(84,137,222) |
hsl(217,68%,60%) |
#3e7ada |
rgb(62,122,218) |
hsl(217,68%,55%) |
#296bd6 |
rgb(41,107,214) |
hsl(217,68%,50%) |
#2561c1 |
rgb(37,97,193) |
hsl(217,68%,45%) |
#2156ab |
rgb(33,86,171) |
hsl(217,68%,40%) |
#1d4b96 |
rgb(29,75,150) |
hsl(217,68%,35%) |
#184081 |
rgb(24,64,129) |
hsl(217,68%,30%) |
#14366b |
rgb(20,54,107) |
hsl(217,68%,25%) |
#102b56 |
rgb(16,43,86) |
hsl(217,68%,20%) |
#0c2040 |
rgb(12,32,64) |
hsl(217,68%,15%) |
#08152b |
rgb(8,21,43) |
hsl(217,68%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(217,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DED8 |
rgb(85,222,216) |
hsl(177,67%,60%) |
#558ADF |
rgb(85,138,223) |
hsl(217,68%,60%) |
#7C54DF |
rgb(124,84,223) |
hsl(257,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%) |
#7EA6E6 |
rgb(126,166,230) |
hsl(217,68%,70%) |
#558ADF |
rgb(85,138,223) |
hsl(217,68%,60%) |
#2B6ED7 |
rgb(43,110,215) |
hsl(217,68%,51%) |
#2159B0 |
rgb(33,89,176) |
hsl(217,68%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558ADF |
rgb(85,138,223) |
hsl(217,68%,60%) |
#DF6655 |
rgb(223,102,85) |
hsl(7,68%,60%) |
#CFDE55 |
rgb(207,222,85) |
hsl(67,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558ADF |
rgb(85,138,223) |
hsl(217,68%,60%) |
#DFAB55 |
rgb(223,171,85) |
hsl(37,68%,60%) |
#55CFDF |
rgb(85,207,223) |
hsl(187,68%,60%) |
#CFDE55 |
rgb(207,222,85) |
hsl(67,67%,60%) |