HEX #5673D1 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5673D1 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(226,57%,98%)
#e3e8f7 rgb(227,232,247) hsl(226,57%,93%)
#cfd7f2 rgb(207,215,242) hsl(226,57%,88%)
#bbc6ec rgb(187,198,236) hsl(226,57%,83%)
#a7b6e7 rgb(167,182,231) hsl(226,57%,78%)
#93a5e1 rgb(147,165,225) hsl(226,57%,73%)
#7f95dc rgb(127,149,220) hsl(226,57%,68%)
#6b84d6 rgb(107,132,214) hsl(226,57%,63%)
#5773d1 rgb(87,115,209) hsl(226,57%,58%)
#4363cb rgb(67,99,203) hsl(226,57%,53%)
#3555c0 rgb(53,85,192) hsl(226,57%,48%)
#2f4cac rgb(47,76,172) hsl(226,57%,43%)
#2a4398 rgb(42,67,152) hsl(226,57%,38%)
#243b84 rgb(36,59,132) hsl(226,57%,33%)
#1f3270 rgb(31,50,112) hsl(226,57%,28%)
#19295c rgb(25,41,92) hsl(226,57%,23%)
#142048 rgb(20,32,72) hsl(226,57%,18%)
#0e1734 rgb(14,23,52) hsl(226,57%,13%)
#090e20 rgb(9,14,32) hsl(226,57%,8%)
#03050c rgb(3,5,12) hsl(226,57%,3%)

Adjacent colors

HEX RGB HSL
#56C4D1 rgb(86,196,209) hsl(186,57%,58%)
#5673D1 rgb(86,115,209) hsl(226,57%,58%)
#8B57D1 rgb(139,87,209) hsl(266,57%,58%)

Monochromatic colors

HEX RGB HSL
#A0B0E5 rgb(160,176,229) hsl(226,57%,76%)
#7B91DB rgb(123,145,219) hsl(226,57%,67%)
#5673D1 rgb(86,115,209) hsl(226,57%,58%)
#3557C2 rgb(53,87,194) hsl(226,57%,48%)
#2A459D rgb(42,69,157) hsl(226,58%,39%)
#203678 rgb(32,54,120) hsl(225,58%,30%)

Triad color palettes

HEX RGB HSL
#5673D1 rgb(86,115,209) hsl(226,57%,58%)
#D17556 rgb(209,117,86) hsl(15,57%,58%)
#B0D156 rgb(176,209,86) hsl(76,57%,58%)

Tetrad color palettes

HEX RGB HSL
#5673D1 rgb(86,115,209) hsl(226,57%,58%)
#D1B556 rgb(209,181,86) hsl(46,57%,58%)
#56B0D1 rgb(86,176,209) hsl(196,57%,58%)
#B0D156 rgb(176,209,86) hsl(76,57%,58%)