HEX #558FDF color — Havelock Blue
The color #558FDF is a light shade and moderately saturated.
Palette
558FDF color palette from light to dark
HEX |
RGB |
HSL |
#eaf1fb |
rgb(234,241,251) |
hsl(215,68%,95%) |
#d4e3f7 |
rgb(212,227,247) |
hsl(215,68%,90%) |
#bfd4f3 |
rgb(191,212,243) |
hsl(215,68%,85%) |
#a9c6ef |
rgb(169,198,239) |
hsl(215,68%,80%) |
#94b8eb |
rgb(148,184,235) |
hsl(215,68%,75%) |
#7eaae7 |
rgb(126,170,231) |
hsl(215,68%,70%) |
#699ce2 |
rgb(105,156,226) |
hsl(215,68%,65%) |
#548dde |
rgb(84,141,222) |
hsl(215,68%,60%) |
#3e7fda |
rgb(62,127,218) |
hsl(215,68%,55%) |
#2971d6 |
rgb(41,113,214) |
hsl(215,68%,50%) |
#2566c1 |
rgb(37,102,193) |
hsl(215,68%,45%) |
#215aab |
rgb(33,90,171) |
hsl(215,68%,40%) |
#1d4f96 |
rgb(29,79,150) |
hsl(215,68%,35%) |
#184481 |
rgb(24,68,129) |
hsl(215,68%,30%) |
#14396b |
rgb(20,57,107) |
hsl(215,68%,25%) |
#102d56 |
rgb(16,45,86) |
hsl(215,68%,20%) |
#0c2240 |
rgb(12,34,64) |
hsl(215,68%,15%) |
#08172b |
rgb(8,23,43) |
hsl(215,68%,10%) |
#040b15 |
rgb(4,11,21) |
hsl(215,68%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55DED3 |
rgb(85,222,211) |
hsl(175,67%,60%) |
#558FDF |
rgb(85,143,223) |
hsl(215,68%,60%) |
#7754DF |
rgb(119,84,223) |
hsl(255,68%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D1E0F6 |
rgb(209,224,246) |
hsl(216,67%,89%) |
#A7C7EE |
rgb(167,199,238) |
hsl(213,68%,79%) |
#7EABE6 |
rgb(126,171,230) |
hsl(214,68%,70%) |
#558FDF |
rgb(85,143,223) |
hsl(215,68%,60%) |
#2B73D7 |
rgb(43,115,215) |
hsl(215,68%,51%) |
#215EB0 |
rgb(33,94,176) |
hsl(214,68%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#558FDF |
rgb(85,143,223) |
hsl(215,68%,60%) |
#DF6155 |
rgb(223,97,85) |
hsl(5,68%,60%) |
#D4DE55 |
rgb(212,222,85) |
hsl(64,67%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#558FDF |
rgb(85,143,223) |
hsl(215,68%,60%) |
#DFA655 |
rgb(223,166,85) |
hsl(35,68%,60%) |
#55D4DF |
rgb(85,212,223) |
hsl(185,68%,60%) |
#D4DE55 |
rgb(212,222,85) |
hsl(64,67%,60%) |