HEX #5A63E1 color — Royal Blue
The color #5A63E1 is a dark shade and moderately saturated.
Palette
5A63E1 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(236,69%,97%) |
#dddef9 |
rgb(221,222,249) |
hsl(236,69%,92%) |
#c7caf5 |
rgb(199,202,245) |
hsl(236,69%,87%) |
#b1b6f1 |
rgb(177,182,241) |
hsl(236,69%,82%) |
#9ca1ed |
rgb(156,161,237) |
hsl(236,69%,77%) |
#868de9 |
rgb(134,141,233) |
hsl(236,69%,72%) |
#7179e5 |
rgb(113,121,229) |
hsl(236,69%,67%) |
#5b64e1 |
rgb(91,100,225) |
hsl(236,69%,62%) |
#4650dd |
rgb(70,80,221) |
hsl(236,69%,57%) |
#303bd9 |
rgb(48,59,217) |
hsl(236,69%,52%) |
#2530cb |
rgb(37,48,203) |
hsl(236,69%,47%) |
#212bb5 |
rgb(33,43,181) |
hsl(236,69%,42%) |
#1d269f |
rgb(29,38,159) |
hsl(236,69%,37%) |
#19218a |
rgb(25,33,138) |
hsl(236,69%,32%) |
#151c74 |
rgb(21,28,116) |
hsl(236,69%,27%) |
#11175f |
rgb(17,23,95) |
hsl(236,69%,22%) |
#0d1149 |
rgb(13,17,73) |
hsl(236,69%,17%) |
#090c34 |
rgb(9,12,52) |
hsl(236,69%,12%) |
#06071e |
rgb(6,7,30) |
hsl(236,69%,7%) |
#020209 |
rgb(2,2,9) |
hsl(236,69%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABDE1 |
rgb(90,189,225) |
hsl(196,69%,62%) |
#5A63E1 |
rgb(90,99,225) |
hsl(236,69%,62%) |
#AB59E1 |
rgb(171,89,225) |
hsl(276,69%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D9DBF8 |
rgb(217,219,248) |
hsl(236,69%,91%) |
#AFB3F0 |
rgb(175,179,240) |
hsl(236,68%,81%) |
#848CE8 |
rgb(132,140,232) |
hsl(235,68%,71%) |
#5A63E1 |
rgb(90,99,225) |
hsl(236,69%,62%) |
#2F3BD9 |
rgb(47,59,217) |
hsl(236,69%,52%) |
#202BB5 |
rgb(32,43,181) |
hsl(236,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63E1 |
rgb(90,99,225) |
hsl(236,69%,62%) |
#E1945A |
rgb(225,148,90) |
hsl(26,69%,62%) |
#A6E05A |
rgb(166,224,90) |
hsl(86,68%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63E1 |
rgb(90,99,225) |
hsl(236,69%,62%) |
#E1D95A |
rgb(225,217,90) |
hsl(56,69%,62%) |
#5AA6E1 |
rgb(90,166,225) |
hsl(206,69%,62%) |
#A6E05A |
rgb(166,224,90) |
hsl(86,68%,62%) |