HEX #5573D2 color — Indigo
The color #5573D2 is a dark shade and moderately saturated.
Palette
5573D2 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(226,58%,98%) |
#e3e8f8 |
rgb(227,232,248) |
hsl(226,58%,93%) |
#cfd7f2 |
rgb(207,215,242) |
hsl(226,58%,88%) |
#bbc6ed |
rgb(187,198,237) |
hsl(226,58%,83%) |
#a6b6e7 |
rgb(166,182,231) |
hsl(226,58%,78%) |
#92a5e2 |
rgb(146,165,226) |
hsl(226,58%,73%) |
#7e94dd |
rgb(126,148,221) |
hsl(226,58%,68%) |
#6a83d7 |
rgb(106,131,215) |
hsl(226,58%,63%) |
#5673d2 |
rgb(86,115,210) |
hsl(226,58%,58%) |
#4262cd |
rgb(66,98,205) |
hsl(226,58%,53%) |
#3355c1 |
rgb(51,85,193) |
hsl(226,58%,48%) |
#2e4cad |
rgb(46,76,173) |
hsl(226,58%,43%) |
#294399 |
rgb(41,67,153) |
hsl(226,58%,38%) |
#233a85 |
rgb(35,58,133) |
hsl(226,58%,33%) |
#1e3171 |
rgb(30,49,113) |
hsl(226,58%,28%) |
#19295d |
rgb(25,41,93) |
hsl(226,58%,23%) |
#132049 |
rgb(19,32,73) |
hsl(226,58%,18%) |
#0e1734 |
rgb(14,23,52) |
hsl(226,58%,13%) |
#090e20 |
rgb(9,14,32) |
hsl(226,58%,8%) |
#03050c |
rgb(3,5,12) |
hsl(226,58%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C7D2 |
rgb(85,199,210) |
hsl(185,58%,58%) |
#5573D2 |
rgb(85,115,210) |
hsl(226,58%,58%) |
#8A54D2 |
rgb(138,84,210) |
hsl(266,58%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9FB0E5 |
rgb(159,176,229) |
hsl(225,57%,76%) |
#7A91DB |
rgb(122,145,219) |
hsl(226,57%,67%) |
#5573D2 |
rgb(85,115,210) |
hsl(226,58%,58%) |
#3357C3 |
rgb(51,87,195) |
hsl(225,59%,48%) |
#29459E |
rgb(41,69,158) |
hsl(226,59%,39%) |
#203679 |
rgb(32,54,121) |
hsl(225,58%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5573D2 |
rgb(85,115,210) |
hsl(226,58%,58%) |
#D27555 |
rgb(210,117,85) |
hsl(15,58%,58%) |
#B1D155 |
rgb(177,209,85) |
hsl(75,57%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5573D2 |
rgb(85,115,210) |
hsl(226,58%,58%) |
#D2B555 |
rgb(210,181,85) |
hsl(46,58%,58%) |
#55B3D2 |
rgb(85,179,210) |
hsl(195,58%,58%) |
#B1D155 |
rgb(177,209,85) |
hsl(75,57%,58%) |