HEX #5670D2 color — Indigo

The color #5670D2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5670D2 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(227,58%,98%)
#e3e7f8 rgb(227,231,248) hsl(227,58%,93%)
#cfd6f2 rgb(207,214,242) hsl(227,58%,88%)
#bbc5ed rgb(187,197,237) hsl(227,58%,83%)
#a6b4e7 rgb(166,180,231) hsl(227,58%,78%)
#92a4e2 rgb(146,164,226) hsl(227,58%,73%)
#7e93dd rgb(126,147,221) hsl(227,58%,68%)
#6a82d7 rgb(106,130,215) hsl(227,58%,63%)
#5671d2 rgb(86,113,210) hsl(227,58%,58%)
#4260cd rgb(66,96,205) hsl(227,58%,53%)
#3352c1 rgb(51,82,193) hsl(227,58%,48%)
#2e4aad rgb(46,74,173) hsl(227,58%,43%)
#294199 rgb(41,65,153) hsl(227,58%,38%)
#233885 rgb(35,56,133) hsl(227,58%,33%)
#1e3071 rgb(30,48,113) hsl(227,58%,28%)
#19275d rgb(25,39,93) hsl(227,58%,23%)
#131f49 rgb(19,31,73) hsl(227,58%,18%)
#0e1634 rgb(14,22,52) hsl(227,58%,13%)
#090e20 rgb(9,14,32) hsl(227,58%,8%)
#03050c rgb(3,5,12) hsl(227,58%,3%)

Adjacent colors

HEX RGB HSL
#56C2D2 rgb(86,194,210) hsl(188,58%,58%)
#5670D2 rgb(86,112,210) hsl(227,58%,58%)
#8E57D2 rgb(142,87,210) hsl(267,58%,58%)

Monochromatic colors

HEX RGB HSL
#A0B0E5 rgb(160,176,229) hsl(226,57%,76%)
#7B8FDB rgb(123,143,219) hsl(228,57%,67%)
#5670D2 rgb(86,112,210) hsl(227,58%,58%)
#3452C4 rgb(52,82,196) hsl(228,58%,49%)
#2A429E rgb(42,66,158) hsl(228,58%,39%)
#203379 rgb(32,51,121) hsl(227,58%,30%)

Triad color palettes

HEX RGB HSL
#5670D2 rgb(86,112,210) hsl(227,58%,58%)
#D27A56 rgb(210,122,86) hsl(17,58%,58%)
#AED156 rgb(174,209,86) hsl(77,57%,58%)

Tetrad color palettes

HEX RGB HSL
#5670D2 rgb(86,112,210) hsl(227,58%,58%)
#D2B856 rgb(210,184,86) hsl(47,58%,58%)
#56ADD2 rgb(86,173,210) hsl(198,58%,58%)
#AED156 rgb(174,209,86) hsl(77,57%,58%)