HEX #5A63C5 color — Indigo
The color #5A63C5 is a dark shade and moderately saturated.
Palette
5A63C5 color palette from light to dark
HEX |
RGB |
HSL |
#f0f1fa |
rgb(240,241,250) |
hsl(235,48%,96%) |
#dddff3 |
rgb(221,223,243) |
hsl(235,48%,91%) |
#cacdec |
rgb(202,205,236) |
hsl(235,48%,86%) |
#b7bbe6 |
rgb(183,187,230) |
hsl(235,48%,81%) |
#a4a9df |
rgb(164,169,223) |
hsl(235,48%,76%) |
#9297d9 |
rgb(146,151,217) |
hsl(235,48%,71%) |
#7f86d2 |
rgb(127,134,210) |
hsl(235,48%,66%) |
#6c74cb |
rgb(108,116,203) |
hsl(235,48%,61%) |
#5962c5 |
rgb(89,98,197) |
hsl(235,48%,56%) |
#4650be |
rgb(70,80,190) |
hsl(235,48%,51%) |
#3d46ae |
rgb(61,70,174) |
hsl(235,48%,46%) |
#363f9b |
rgb(54,63,155) |
hsl(235,48%,41%) |
#303788 |
rgb(48,55,136) |
hsl(235,48%,36%) |
#292f75 |
rgb(41,47,117) |
hsl(235,48%,31%) |
#222862 |
rgb(34,40,98) |
hsl(235,48%,26%) |
#1c204f |
rgb(28,32,79) |
hsl(235,48%,21%) |
#15183c |
rgb(21,24,60) |
hsl(235,48%,16%) |
#0f112a |
rgb(15,17,42) |
hsl(235,48%,11%) |
#080917 |
rgb(8,9,23) |
hsl(235,48%,6%) |
#010204 |
rgb(1,2,4) |
hsl(235,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AABC5 |
rgb(90,171,197) |
hsl(195,48%,56%) |
#5A63C5 |
rgb(90,99,197) |
hsl(235,48%,56%) |
#9859C5 |
rgb(152,89,197) |
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%) |
#5A63C5 |
rgb(90,99,197) |
hsl(235,48%,56%) |
#3E47B2 |
rgb(62,71,178) |
hsl(235,48%,47%) |
#323B90 |
rgb(50,59,144) |
hsl(234,48%,38%) |
#262E6E |
rgb(38,46,110) |
hsl(233,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63C5 |
rgb(90,99,197) |
hsl(235,48%,56%) |
#C5875A |
rgb(197,135,90) |
hsl(25,48%,56%) |
#98C45A |
rgb(152,196,90) |
hsl(85,47%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63C5 |
rgb(90,99,197) |
hsl(235,48%,56%) |
#C5BD5A |
rgb(197,189,90) |
hsl(56,48%,56%) |
#5A99C5 |
rgb(90,153,197) |
hsl(205,48%,56%) |
#98C45A |
rgb(152,196,90) |
hsl(85,47%,56%) |