HEX #5673D2 color — Indigo

The color #5673d2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5673d2 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
#56C7D2 rgb(86,199,210) hsl(185,58%,58%)
#5673D2 rgb(86,115,210) hsl(226,58%,58%)
#8B57D2 rgb(139,87,210) hsl(265,58%,58%)

Monochromatic colors

HEX RGB HSL
#A0B0E5 rgb(160,176,229) hsl(226,57%,76%)
#7B91DB rgb(123,145,219) hsl(226,57%,67%)
#5673D2 rgb(86,115,210) hsl(226,58%,58%)
#3457C4 rgb(52,87,196) hsl(225,58%,49%)
#2A459E rgb(42,69,158) hsl(226,58%,39%)
#203679 rgb(32,54,121) hsl(225,58%,30%)

Triad color palettes

HEX RGB HSL
#5673D2 rgb(86,115,210) hsl(226,58%,58%)
#D27856 rgb(210,120,86) hsl(16,58%,58%)
#B1D156 rgb(177,209,86) hsl(76,57%,58%)

Tetrad color palettes

HEX RGB HSL
#5673D2 rgb(86,115,210) hsl(226,58%,58%)
#D2B556 rgb(210,181,86) hsl(46,58%,58%)
#56B0D2 rgb(86,176,210) hsl(196,58%,58%)
#B1D156 rgb(177,209,86) hsl(76,57%,58%)