HEX #5673D3 color — Indigo

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

Color codes

copy icon
copy icon
copy icon

Palette

5673D3 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(226,59%,98%)
#e3e8f8 rgb(227,232,248) hsl(226,59%,93%)
#ced7f2 rgb(206,215,242) hsl(226,59%,88%)
#bac6ed rgb(186,198,237) hsl(226,59%,83%)
#a6b5e8 rgb(166,181,232) hsl(226,59%,78%)
#92a4e3 rgb(146,164,227) hsl(226,59%,73%)
#7d94de rgb(125,148,222) hsl(226,59%,68%)
#6983d8 rgb(105,131,216) hsl(226,59%,63%)
#5572d3 rgb(85,114,211) hsl(226,59%,58%)
#4061ce rgb(64,97,206) hsl(226,59%,53%)
#3254c3 rgb(50,84,195) hsl(226,59%,48%)
#2d4bae rgb(45,75,174) hsl(226,59%,43%)
#28429a rgb(40,66,154) hsl(226,59%,38%)
#233a86 rgb(35,58,134) hsl(226,59%,33%)
#1d3172 rgb(29,49,114) hsl(226,59%,28%)
#18285d rgb(24,40,93) hsl(226,59%,23%)
#131f49 rgb(19,31,73) hsl(226,59%,18%)
#0e1735 rgb(14,23,53) hsl(226,59%,13%)
#080e20 rgb(8,14,32) hsl(226,59%,8%)
#03050c rgb(3,5,12) hsl(226,59%,3%)

Adjacent colors

HEX RGB HSL
#56C7D3 rgb(86,199,211) hsl(186,59%,58%)
#5673D3 rgb(86,115,211) hsl(226,59%,58%)
#8C57D3 rgb(140,87,211) hsl(266,58%,58%)

Monochromatic colors

HEX RGB HSL
#A1B3E6 rgb(161,179,230) hsl(224,58%,77%)
#7B91DC rgb(123,145,220) hsl(226,58%,67%)
#5673D3 rgb(86,115,211) hsl(226,59%,58%)
#3357C5 rgb(51,87,197) hsl(225,59%,49%)
#2945A0 rgb(41,69,160) hsl(226,59%,39%)
#1F367A rgb(31,54,122) hsl(225,59%,30%)

Triad color palettes

HEX RGB HSL
#5673D3 rgb(86,115,211) hsl(226,59%,58%)
#D37856 rgb(211,120,86) hsl(16,59%,58%)
#B1D456 rgb(177,212,86) hsl(77,59%,58%)

Tetrad color palettes

HEX RGB HSL
#5673D3 rgb(86,115,211) hsl(226,59%,58%)
#D3B556 rgb(211,181,86) hsl(46,59%,58%)
#56B3D3 rgb(86,179,211) hsl(195,59%,58%)
#B1D456 rgb(177,212,86) hsl(77,59%,58%)