HEX #5A63C4 color — Indigo
The color #5A63C4 is a dark shade and moderately saturated.
Palette
5A63C4 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 |
#5AABC4 |
rgb(90,171,196) |
hsl(194,47%,56%) |
#5A63C4 |
rgb(90,99,196) |
hsl(235,47%,56%) |
#9759C4 |
rgb(151,89,196) |
hsl(275,48%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DA3DC |
rgb(157,163,220) |
hsl(234,47%,74%) |
#7B82D0 |
rgb(123,130,208) |
hsl(235,47%,65%) |
#5A63C4 |
rgb(90,99,196) |
hsl(235,47%,56%) |
#3F4AB0 |
rgb(63,74,176) |
hsl(234,47%,47%) |
#333B8F |
rgb(51,59,143) |
hsl(235,47%,38%) |
#272E6D |
rgb(39,46,109) |
hsl(234,47%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63C4 |
rgb(90,99,196) |
hsl(235,47%,56%) |
#C4875A |
rgb(196,135,90) |
hsl(25,47%,56%) |
#98C45A |
rgb(152,196,90) |
hsl(85,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63C4 |
rgb(90,99,196) |
hsl(235,47%,56%) |
#C4BA5A |
rgb(196,186,90) |
hsl(54,47%,56%) |
#5A99C4 |
rgb(90,153,196) |
hsl(204,47%,56%) |
#98C45A |
rgb(152,196,90) |
hsl(85,47%,56%) |