HEX #5A63C6 color — Indigo
The color #5A63C6 is a dark shade and moderately saturated.
Palette
5A63C6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f1fa |
rgb(240,241,250) |
hsl(235,49%,96%) |
#dddff3 |
rgb(221,223,243) |
hsl(235,49%,91%) |
#cacded |
rgb(202,205,237) |
hsl(235,49%,86%) |
#b7bbe6 |
rgb(183,187,230) |
hsl(235,49%,81%) |
#a4a9e0 |
rgb(164,169,224) |
hsl(235,49%,76%) |
#9197d9 |
rgb(145,151,217) |
hsl(235,49%,71%) |
#7e85d3 |
rgb(126,133,211) |
hsl(235,49%,66%) |
#6b73cc |
rgb(107,115,204) |
hsl(235,49%,61%) |
#5861c6 |
rgb(88,97,198) |
hsl(235,49%,56%) |
#454fbf |
rgb(69,79,191) |
hsl(235,49%,51%) |
#3c45af |
rgb(60,69,175) |
hsl(235,49%,46%) |
#353e9c |
rgb(53,62,156) |
hsl(235,49%,41%) |
#2f3689 |
rgb(47,54,137) |
hsl(235,49%,36%) |
#282f76 |
rgb(40,47,118) |
hsl(235,49%,31%) |
#222763 |
rgb(34,39,99) |
hsl(235,49%,26%) |
#1b2050 |
rgb(27,32,80) |
hsl(235,49%,21%) |
#15183d |
rgb(21,24,61) |
hsl(235,49%,16%) |
#0e112a |
rgb(14,17,42) |
hsl(235,49%,11%) |
#080917 |
rgb(8,9,23) |
hsl(235,49%,6%) |
#010204 |
rgb(1,2,4) |
hsl(235,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AABC6 |
rgb(90,171,198) |
hsl(195,49%,56%) |
#5A63C6 |
rgb(90,99,198) |
hsl(235,49%,56%) |
#9959C6 |
rgb(153,89,198) |
hsl(275,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9EA3DD |
rgb(158,163,221) |
hsl(235,48%,74%) |
#7C85D1 |
rgb(124,133,209) |
hsl(234,48%,65%) |
#5A63C6 |
rgb(90,99,198) |
hsl(235,49%,56%) |
#3E47B3 |
rgb(62,71,179) |
hsl(235,49%,47%) |
#323B91 |
rgb(50,59,145) |
hsl(234,49%,38%) |
#262B6F |
rgb(38,43,111) |
hsl(236,49%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63C6 |
rgb(90,99,198) |
hsl(235,49%,56%) |
#C6875A |
rgb(198,135,90) |
hsl(25,49%,56%) |
#99C75A |
rgb(153,199,90) |
hsl(85,49%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63C6 |
rgb(90,99,198) |
hsl(235,49%,56%) |
#C6BD5A |
rgb(198,189,90) |
hsl(55,49%,56%) |
#5A99C6 |
rgb(90,153,198) |
hsl(205,49%,56%) |
#99C75A |
rgb(153,199,90) |
hsl(85,49%,57%) |