HEX #5682C7 color — Indigo

The color #5682C7 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5682C7 color palette from light to dark

HEX RGB HSL
#f0f4fa rgb(240,244,250) hsl(217,50%,96%)
#dde5f4 rgb(221,229,244) hsl(217,50%,91%)
#c9d7ed rgb(201,215,237) hsl(217,50%,86%)
#b6c9e7 rgb(182,201,231) hsl(217,50%,81%)
#a3bbe0 rgb(163,187,224) hsl(217,50%,76%)
#90acda rgb(144,172,218) hsl(217,50%,71%)
#7d9ed4 rgb(125,158,212) hsl(217,50%,66%)
#6a90cd rgb(106,144,205) hsl(217,50%,61%)
#5782c7 rgb(87,130,199) hsl(217,50%,56%)
#4473c1 rgb(68,115,193) hsl(217,50%,51%)
#3b68b0 rgb(59,104,176) hsl(217,50%,46%)
#345c9d rgb(52,92,157) hsl(217,50%,41%)
#2e518a rgb(46,81,138) hsl(217,50%,36%)
#284677 rgb(40,70,119) hsl(217,50%,31%)
#213b63 rgb(33,59,99) hsl(217,50%,26%)
#1b2f50 rgb(27,47,80) hsl(217,50%,21%)
#14243d rgb(20,36,61) hsl(217,50%,16%)
#0e192a rgb(14,25,42) hsl(217,50%,11%)
#080e17 rgb(8,14,23) hsl(217,50%,6%)
#010204 rgb(1,2,4) hsl(217,50%,1%)

Adjacent colors

HEX RGB HSL
#56C7C0 rgb(86,199,192) hsl(176,50%,56%)
#5682C7 rgb(86,130,199) hsl(217,50%,56%)
#7557C7 rgb(117,87,199) hsl(256,50%,56%)

Monochromatic colors

HEX RGB HSL
#9AB5DD rgb(154,181,221) hsl(216,50%,74%)
#789CD2 rgb(120,156,210) hsl(216,50%,65%)
#5682C7 rgb(86,130,199) hsl(217,50%,56%)
#3B6BB3 rgb(59,107,179) hsl(216,50%,47%)
#305791 rgb(48,87,145) hsl(216,50%,38%)
#24426F rgb(36,66,111) hsl(216,51%,29%)

Triad color palettes

HEX RGB HSL
#5682C7 rgb(86,130,199) hsl(217,50%,56%)
#C76356 rgb(199,99,86) hsl(7,50%,56%)
#BAC756 rgb(186,199,86) hsl(67,50%,56%)

Tetrad color palettes

HEX RGB HSL
#5682C7 rgb(86,130,199) hsl(217,50%,56%)
#C79C56 rgb(199,156,86) hsl(37,50%,56%)
#56BAC7 rgb(86,186,199) hsl(187,50%,56%)
#BAC756 rgb(186,199,86) hsl(67,50%,56%)