HEX #5A63D6 color — Indigo
The color #5A63D6 is a dark shade and moderately saturated.
Palette
5A63D6 color palette from light to dark
HEX |
RGB |
HSL |
#ebecfa |
rgb(235,236,250) |
hsl(236,60%,95%) |
#d6d8f5 |
rgb(214,216,245) |
hsl(236,60%,90%) |
#c2c5f0 |
rgb(194,197,240) |
hsl(236,60%,85%) |
#adb1eb |
rgb(173,177,235) |
hsl(236,60%,80%) |
#999ee6 |
rgb(153,158,230) |
hsl(236,60%,75%) |
#858be0 |
rgb(133,139,224) |
hsl(236,60%,70%) |
#7077db |
rgb(112,119,219) |
hsl(236,60%,65%) |
#5c64d6 |
rgb(92,100,214) |
hsl(236,60%,60%) |
#4751d1 |
rgb(71,81,209) |
hsl(236,60%,55%) |
#333dcc |
rgb(51,61,204) |
hsl(236,60%,50%) |
#2e37b8 |
rgb(46,55,184) |
hsl(236,60%,45%) |
#2931a3 |
rgb(41,49,163) |
hsl(236,60%,40%) |
#242b8f |
rgb(36,43,143) |
hsl(236,60%,35%) |
#1f257a |
rgb(31,37,122) |
hsl(236,60%,30%) |
#1a1f66 |
rgb(26,31,102) |
hsl(236,60%,25%) |
#141852 |
rgb(20,24,82) |
hsl(236,60%,20%) |
#0f123d |
rgb(15,18,61) |
hsl(236,60%,15%) |
#0a0c29 |
rgb(10,12,41) |
hsl(236,60%,10%) |
#050614 |
rgb(5,6,20) |
hsl(236,60%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB5D6 |
rgb(90,181,214) |
hsl(196,60%,60%) |
#5A63D6 |
rgb(90,99,214) |
hsl(236,60%,60%) |
#A359D6 |
rgb(163,89,214) |
hsl(276,60%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A7ADE9 |
rgb(167,173,233) |
hsl(235,60%,78%) |
#8087DF |
rgb(128,135,223) |
hsl(236,60%,69%) |
#5A63D6 |
rgb(90,99,214) |
hsl(236,60%,60%) |
#333DCC |
rgb(51,61,204) |
hsl(236,60%,50%) |
#2933A5 |
rgb(41,51,165) |
hsl(235,60%,40%) |
#1F267E |
rgb(31,38,126) |
hsl(236,61%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63D6 |
rgb(90,99,214) |
hsl(236,60%,60%) |
#D68F5A |
rgb(214,143,90) |
hsl(26,60%,60%) |
#A1D65A |
rgb(161,214,90) |
hsl(86,60%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63D6 |
rgb(90,99,214) |
hsl(236,60%,60%) |
#D6CC5A |
rgb(214,204,90) |
hsl(55,60%,60%) |
#5AA1D6 |
rgb(90,161,214) |
hsl(206,60%,60%) |
#A1D65A |
rgb(161,214,90) |
hsl(86,60%,60%) |