HEX #5B63E2 color — Royal Blue
The color #5B63E2 is a dark shade and moderately saturated.
Palette
5B63E2 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 |
#5BBDE2 |
rgb(91,189,226) |
hsl(196,70%,62%) |
#5B63E2 |
rgb(91,99,226) |
hsl(236,70%,62%) |
#AD5CE2 |
rgb(173,92,226) |
hsl(276,70%,62%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DCDEF8 |
rgb(220,222,248) |
hsl(236,67%,92%) |
#B1B5F1 |
rgb(177,181,241) |
hsl(236,70%,82%) |
#868CE9 |
rgb(134,140,233) |
hsl(236,69%,72%) |
#5B63E2 |
rgb(91,99,226) |
hsl(236,70%,62%) |
#2F3BDA |
rgb(47,59,218) |
hsl(236,70%,52%) |
#2029B7 |
rgb(32,41,183) |
hsl(236,70%,42%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B63E2 |
rgb(91,99,226) |
hsl(236,70%,62%) |
#E2965B |
rgb(226,150,91) |
hsl(26,70%,62%) |
#A6E35B |
rgb(166,227,91) |
hsl(87,71%,62%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B63E2 |
rgb(91,99,226) |
hsl(236,70%,62%) |
#E2D95B |
rgb(226,217,91) |
hsl(56,70%,62%) |
#5BA6E2 |
rgb(91,166,226) |
hsl(207,70%,62%) |
#A6E35B |
rgb(166,227,91) |
hsl(87,71%,62%) |