HEX #5678C6 color — Indigo

The color #5678C6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5678C6 color palette from light to dark

HEX RGB HSL
#f0f3fa rgb(240,243,250) hsl(222,50%,96%)
#dde3f4 rgb(221,227,244) hsl(222,50%,91%)
#c9d4ed rgb(201,212,237) hsl(222,50%,86%)
#b6c5e7 rgb(182,197,231) hsl(222,50%,81%)
#a3b6e0 rgb(163,182,224) hsl(222,50%,76%)
#90a6da rgb(144,166,218) hsl(222,50%,71%)
#7d97d4 rgb(125,151,212) hsl(222,50%,66%)
#6a88cd rgb(106,136,205) hsl(222,50%,61%)
#5778c7 rgb(87,120,199) hsl(222,50%,56%)
#4469c1 rgb(68,105,193) hsl(222,50%,51%)
#3b5eb0 rgb(59,94,176) hsl(222,50%,46%)
#34549d rgb(52,84,157) hsl(222,50%,41%)
#2e498a rgb(46,73,138) hsl(222,50%,36%)
#283f77 rgb(40,63,119) hsl(222,50%,31%)
#213563 rgb(33,53,99) hsl(222,50%,26%)
#1b2b50 rgb(27,43,80) hsl(222,50%,21%)
#14213d rgb(20,33,61) hsl(222,50%,16%)
#0e162a rgb(14,22,42) hsl(222,50%,11%)
#080c17 rgb(8,12,23) hsl(222,50%,6%)
#010204 rgb(1,2,4) hsl(222,50%,1%)

Adjacent colors

HEX RGB HSL
#56C2C6 rgb(86,194,198) hsl(182,50%,56%)
#5678C6 rgb(86,120,198) hsl(222,50%,56%)
#7E57C6 rgb(126,87,198) hsl(261,49%,56%)

Monochromatic colors

HEX RGB HSL
#99ADDC rgb(153,173,220) hsl(222,49%,73%)
#7794D1 rgb(119,148,209) hsl(221,49%,64%)
#5678C6 rgb(86,120,198) hsl(222,50%,56%)
#3C61B2 rgb(60,97,178) hsl(221,50%,47%)
#304D90 rgb(48,77,144) hsl(222,50%,38%)
#253B6E rgb(37,59,110) hsl(222,50%,29%)

Triad color palettes

HEX RGB HSL
#5678C6 rgb(86,120,198) hsl(222,50%,56%)
#C66B56 rgb(198,107,86) hsl(11,50%,56%)
#B0C756 rgb(176,199,86) hsl(72,50%,56%)

Tetrad color palettes

HEX RGB HSL
#5678C6 rgb(86,120,198) hsl(222,50%,56%)
#C6A356 rgb(198,163,86) hsl(41,50%,56%)
#56B0C6 rgb(86,176,198) hsl(192,50%,56%)
#B0C756 rgb(176,199,86) hsl(72,50%,56%)