HEX #558ADC color — Havelock Blue
The color #558ADC is a light shade and moderately saturated.
Palette
558ADC color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(216,66%,95%) |
#d5e2f6 |
rgb(213,226,246) |
hsl(216,66%,90%) |
#c0d4f2 |
rgb(192,212,242) |
hsl(216,66%,85%) |
#aac5ee |
rgb(170,197,238) |
hsl(216,66%,80%) |
#95b7e9 |
rgb(149,183,233) |
hsl(216,66%,75%) |
#80a8e5 |
rgb(128,168,229) |
hsl(216,66%,70%) |
#6b9ae1 |
rgb(107,154,225) |
hsl(216,66%,65%) |
#568cdc |
rgb(86,140,220) |
hsl(216,66%,60%) |
#417dd8 |
rgb(65,125,216) |
hsl(216,66%,55%) |
#2b6fd4 |
rgb(43,111,212) |
hsl(216,66%,50%) |
#2764be |
rgb(39,100,190) |
hsl(216,66%,45%) |
#2359a9 |
rgb(35,89,169) |
hsl(216,66%,40%) |
#1e4d94 |
rgb(30,77,148) |
hsl(216,66%,35%) |
#1a427f |
rgb(26,66,127) |
hsl(216,66%,30%) |
#16376a |
rgb(22,55,106) |
hsl(216,66%,25%) |
#112c55 |
rgb(17,44,85) |
hsl(216,66%,20%) |
#0d213f |
rgb(13,33,63) |
hsl(216,66%,15%) |
#09162a |
rgb(9,22,42) |
hsl(216,66%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(216,66%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DBD4 |
rgb(85,219,212) |
hsl(177,65%,60%) |
#558ADC |
rgb(85,138,220) |
hsl(216,66%,60%) |
#7A54DC |
rgb(122,84,220) |
hsl(257,66%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A5C2EC |
rgb(165,194,236) |
hsl(215,65%,79%) |
#7DA6E4 |
rgb(125,166,228) |
hsl(216,66%,69%) |
#558ADC |
rgb(85,138,220) |
hsl(216,66%,60%) |
#2C6ED3 |
rgb(44,110,211) |
hsl(216,65%,50%) |
#2359AB |
rgb(35,89,171) |
hsl(216,66%,40%) |
#1B4583 |
rgb(27,69,131) |
hsl(216,66%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#558ADC |
rgb(85,138,220) |
hsl(216,66%,60%) |
#DC6355 |
rgb(220,99,85) |
hsl(6,66%,60%) |
#CDDB55 |
rgb(205,219,85) |
hsl(66,65%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558ADC |
rgb(85,138,220) |
hsl(216,66%,60%) |
#DCA655 |
rgb(220,166,85) |
hsl(36,66%,60%) |
#55CFDC |
rgb(85,207,220) |
hsl(186,66%,60%) |
#CDDB55 |
rgb(205,219,85) |
hsl(66,65%,60%) |