HEX #5A63E4 color — Royal Blue
The color #5A63E4 is a dark shade and moderately saturated.
Palette
5A63E4 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(236,72%,97%) |
#dcdef9 |
rgb(220,222,249) |
hsl(236,72%,92%) |
#c6c9f6 |
rgb(198,201,246) |
hsl(236,72%,87%) |
#b0b4f2 |
rgb(176,180,242) |
hsl(236,72%,82%) |
#9aa0ef |
rgb(154,160,239) |
hsl(236,72%,77%) |
#848beb |
rgb(132,139,235) |
hsl(236,72%,72%) |
#6e76e7 |
rgb(110,118,231) |
hsl(236,72%,67%) |
#5862e4 |
rgb(88,98,228) |
hsl(236,72%,62%) |
#424de0 |
rgb(66,77,224) |
hsl(236,72%,57%) |
#2c38dd |
rgb(44,56,221) |
hsl(236,72%,52%) |
#222dce |
rgb(34,45,206) |
hsl(236,72%,47%) |
#1e28b8 |
rgb(30,40,184) |
hsl(236,72%,42%) |
#1a23a2 |
rgb(26,35,162) |
hsl(236,72%,37%) |
#171f8c |
rgb(23,31,140) |
hsl(236,72%,32%) |
#131a76 |
rgb(19,26,118) |
hsl(236,72%,27%) |
#101560 |
rgb(16,21,96) |
hsl(236,72%,22%) |
#0c104b |
rgb(12,16,75) |
hsl(236,72%,17%) |
#090c35 |
rgb(9,12,53) |
hsl(236,72%,12%) |
#05071f |
rgb(5,7,31) |
hsl(236,72%,7%) |
#010209 |
rgb(1,2,9) |
hsl(236,72%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABFE4 |
rgb(90,191,228) |
hsl(196,72%,62%) |
#5A63E4 |
rgb(90,99,228) |
hsl(236,72%,62%) |
#AD59E4 |
rgb(173,89,228) |
hsl(276,72%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DDDEF9 |
rgb(221,222,249) |
hsl(238,70%,92%) |
#B1B5F2 |
rgb(177,181,242) |
hsl(236,71%,82%) |
#858CEB |
rgb(133,140,235) |
hsl(236,72%,72%) |
#5A63E4 |
rgb(90,99,228) |
hsl(236,72%,62%) |
#2E3BDC |
rgb(46,59,220) |
hsl(236,71%,52%) |
#1E29B9 |
rgb(30,41,185) |
hsl(236,72%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63E4 |
rgb(90,99,228) |
hsl(236,72%,62%) |
#E4965A |
rgb(228,150,90) |
hsl(26,72%,62%) |
#A8E35A |
rgb(168,227,90) |
hsl(86,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63E4 |
rgb(90,99,228) |
hsl(236,72%,62%) |
#E4DB5A |
rgb(228,219,90) |
hsl(56,72%,62%) |
#5AA8E4 |
rgb(90,168,228) |
hsl(206,72%,62%) |
#A8E35A |
rgb(168,227,90) |
hsl(86,71%,62%) |