HEX #5578D2 color — Havelock Blue
The color #5578D2 is a dark shade and moderately saturated.
Palette
5578D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(223,58%,98%) |
#e3e9f8 |
rgb(227,233,248) |
hsl(223,58%,93%) |
#cfd9f2 |
rgb(207,217,242) |
hsl(223,58%,88%) |
#bbc9ed |
rgb(187,201,237) |
hsl(223,58%,83%) |
#a6b9e7 |
rgb(166,185,231) |
hsl(223,58%,78%) |
#92a9e2 |
rgb(146,169,226) |
hsl(223,58%,73%) |
#7e99dd |
rgb(126,153,221) |
hsl(223,58%,68%) |
#6a89d7 |
rgb(106,137,215) |
hsl(223,58%,63%) |
#5679d2 |
rgb(86,121,210) |
hsl(223,58%,58%) |
#4269cd |
rgb(66,105,205) |
hsl(223,58%,53%) |
#335cc1 |
rgb(51,92,193) |
hsl(223,58%,48%) |
#2e52ad |
rgb(46,82,173) |
hsl(223,58%,43%) |
#294999 |
rgb(41,73,153) |
hsl(223,58%,38%) |
#233f85 |
rgb(35,63,133) |
hsl(223,58%,33%) |
#1e3571 |
rgb(30,53,113) |
hsl(223,58%,28%) |
#192c5d |
rgb(25,44,93) |
hsl(223,58%,23%) |
#132249 |
rgb(19,34,73) |
hsl(223,58%,18%) |
#0e1934 |
rgb(14,25,52) |
hsl(223,58%,13%) |
#090f20 |
rgb(9,15,32) |
hsl(223,58%,8%) |
#03060c |
rgb(3,6,12) |
hsl(223,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55CCD2 |
rgb(85,204,210) |
hsl(183,58%,58%) |
#5578D2 |
rgb(85,120,210) |
hsl(223,58%,58%) |
#8554D2 |
rgb(133,84,210) |
hsl(263,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB3E5 |
rgb(159,179,229) |
hsl(223,57%,76%) |
#7A96DB |
rgb(122,150,219) |
hsl(223,57%,67%) |
#5578D2 |
rgb(85,120,210) |
hsl(223,58%,58%) |
#335CC3 |
rgb(51,92,195) |
hsl(223,59%,48%) |
#294A9E |
rgb(41,74,158) |
hsl(223,59%,39%) |
#203879 |
rgb(32,56,121) |
hsl(224,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5578D2 |
rgb(85,120,210) |
hsl(223,58%,58%) |
#D27055 |
rgb(210,112,85) |
hsl(13,58%,58%) |
#B6D155 |
rgb(182,209,85) |
hsl(73,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5578D2 |
rgb(85,120,210) |
hsl(223,58%,58%) |
#D2B055 |
rgb(210,176,85) |
hsl(44,58%,58%) |
#55B8D2 |
rgb(85,184,210) |
hsl(192,58%,58%) |
#B6D155 |
rgb(182,209,85) |
hsl(73,57%,58%) |