HEX #5A63C3 color — Indigo
The color #5A63C3 is a dark shade and moderately saturated.
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%) |