HEX #5A63C3 color — Indigo

The color #5A63C3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5A63C3 color palette from light to dark

HEX RGB HSL
#f0f1fa rgb(240,241,250) hsl(235,47%,96%)
#dddff3 rgb(221,223,243) hsl(235,47%,91%)
#cbcdec rgb(203,205,236) hsl(235,47%,86%)
#b8bce5 rgb(184,188,229) hsl(235,47%,81%)
#a5aadf rgb(165,170,223) hsl(235,47%,76%)
#9298d8 rgb(146,152,216) hsl(235,47%,71%)
#8086d1 rgb(128,134,209) hsl(235,47%,66%)
#6d75ca rgb(109,117,202) hsl(235,47%,61%)
#5a63c4 rgb(90,99,196) hsl(235,47%,56%)
#4751bd rgb(71,81,189) hsl(235,47%,51%)
#3e47ac rgb(62,71,172) hsl(235,47%,46%)
#37409a rgb(55,64,154) hsl(235,47%,41%)
#313887 rgb(49,56,135) hsl(235,47%,36%)
#2a3074 rgb(42,48,116) hsl(235,47%,31%)
#232861 rgb(35,40,97) hsl(235,47%,26%)
#1c214f rgb(28,33,79) hsl(235,47%,21%)
#16193c rgb(22,25,60) hsl(235,47%,16%)
#0f1129 rgb(15,17,41) hsl(235,47%,11%)
#080916 rgb(8,9,22) hsl(235,47%,6%)
#010204 rgb(1,2,4) hsl(235,47%,1%)

Adjacent colors

HEX RGB HSL
#5AA8C3 rgb(90,168,195) hsl(195,47%,56%)
#5A63C3 rgb(90,99,195) hsl(235,47%,56%)
#9759C3 rgb(151,89,195) hsl(275,47%,56%)

Monochromatic colors

HEX RGB HSL
#9CA3DB rgb(156,163,219) hsl(233,47%,74%)
#7B82CF rgb(123,130,207) hsl(235,47%,65%)
#5A63C3 rgb(90,99,195) hsl(235,47%,56%)
#3F4AAF rgb(63,74,175) hsl(234,47%,47%)
#333B8E rgb(51,59,142) hsl(235,47%,38%)
#272E6C rgb(39,46,108) hsl(234,47%,29%)

Triad color palettes

HEX RGB HSL
#5A63C3 rgb(90,99,195) hsl(235,47%,56%)
#C3855A rgb(195,133,90) hsl(25,47%,56%)
#97C25A rgb(151,194,90) hsl(85,46%,56%)

Tetrad color palettes

HEX RGB HSL
#5A63C3 rgb(90,99,195) hsl(235,47%,56%)
#C3BA5A rgb(195,186,90) hsl(55,47%,56%)
#5A96C3 rgb(90,150,195) hsl(206,47%,56%)
#97C25A rgb(151,194,90) hsl(85,46%,56%)