HEX #5A63E2 color — Royal Blue
The color #5A63E2 is a dark shade and moderately saturated.
Palette
5A63E2 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(236,70%,97%) |
#dcdef9 |
rgb(220,222,249) |
hsl(236,70%,92%) |
#c7caf5 |
rgb(199,202,245) |
hsl(236,70%,87%) |
#b1b5f1 |
rgb(177,181,241) |
hsl(236,70%,82%) |
#9ba1ed |
rgb(155,161,237) |
hsl(236,70%,77%) |
#868cea |
rgb(134,140,234) |
hsl(236,70%,72%) |
#7078e6 |
rgb(112,120,230) |
hsl(236,70%,67%) |
#5a63e2 |
rgb(90,99,226) |
hsl(236,70%,62%) |
#454fde |
rgb(69,79,222) |
hsl(236,70%,57%) |
#2f3ada |
rgb(47,58,218) |
hsl(236,70%,52%) |
#242fcc |
rgb(36,47,204) |
hsl(236,70%,47%) |
#202ab6 |
rgb(32,42,182) |
hsl(236,70%,42%) |
#1c25a0 |
rgb(28,37,160) |
hsl(236,70%,37%) |
#18208b |
rgb(24,32,139) |
hsl(236,70%,32%) |
#151b75 |
rgb(21,27,117) |
hsl(236,70%,27%) |
#11165f |
rgb(17,22,95) |
hsl(236,70%,22%) |
#0d114a |
rgb(13,17,74) |
hsl(236,70%,17%) |
#090c34 |
rgb(9,12,52) |
hsl(236,70%,12%) |
#05071e |
rgb(5,7,30) |
hsl(236,70%,7%) |
#020209 |
rgb(2,2,9) |
hsl(236,70%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#5ABDE2 |
rgb(90,189,226) |
hsl(196,70%,62%) |
#5A63E2 |
rgb(90,99,226) |
hsl(236,70%,62%) |
#AB59E2 |
rgb(171,89,226) |
hsl(276,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DBDEF8 |
rgb(219,222,248) |
hsl(234,67%,92%) |
#B0B5F1 |
rgb(176,181,241) |
hsl(235,70%,82%) |
#858CE9 |
rgb(133,140,233) |
hsl(236,69%,72%) |
#5A63E2 |
rgb(90,99,226) |
hsl(236,70%,62%) |
#2F3BDA |
rgb(47,59,218) |
hsl(236,70%,52%) |
#202BB6 |
rgb(32,43,182) |
hsl(236,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A63E2 |
rgb(90,99,226) |
hsl(236,70%,62%) |
#E2945A |
rgb(226,148,90) |
hsl(26,70%,62%) |
#A7E35A |
rgb(167,227,90) |
hsl(86,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A63E2 |
rgb(90,99,226) |
hsl(236,70%,62%) |
#E2D95A |
rgb(226,217,90) |
hsl(56,70%,62%) |
#5AA6E2 |
rgb(90,166,226) |
hsl(206,70%,62%) |
#A7E35A |
rgb(167,227,90) |
hsl(86,71%,62%) |