HEX #5063E4 color — Royal Blue
The color #5063E4 is a dark shade and moderately saturated.
Palette
5063E4 color palette from light to dark
HEX |
RGB |
HSL |
#e9ebfc |
rgb(233,235,252) |
hsl(232,73%,95%) |
#d3d8f8 |
rgb(211,216,248) |
hsl(232,73%,90%) |
#bdc4f5 |
rgb(189,196,245) |
hsl(232,73%,85%) |
#a7b1f1 |
rgb(167,177,241) |
hsl(232,73%,80%) |
#919dee |
rgb(145,157,238) |
hsl(232,73%,75%) |
#7b8aea |
rgb(123,138,234) |
hsl(232,73%,70%) |
#6576e7 |
rgb(101,118,231) |
hsl(232,73%,65%) |
#4f62e3 |
rgb(79,98,227) |
hsl(232,73%,60%) |
#384fe0 |
rgb(56,79,224) |
hsl(232,73%,55%) |
#223bdd |
rgb(34,59,221) |
hsl(232,73%,50%) |
#1f35c7 |
rgb(31,53,199) |
hsl(232,73%,45%) |
#1c2fb0 |
rgb(28,47,176) |
hsl(232,73%,40%) |
#18299a |
rgb(24,41,154) |
hsl(232,73%,35%) |
#152484 |
rgb(21,36,132) |
hsl(232,73%,30%) |
#111e6e |
rgb(17,30,110) |
hsl(232,73%,25%) |
#0e1858 |
rgb(14,24,88) |
hsl(232,73%,20%) |
#0a1242 |
rgb(10,18,66) |
hsl(232,73%,15%) |
#070c2c |
rgb(7,12,44) |
hsl(232,73%,10%) |
#030616 |
rgb(3,6,22) |
hsl(232,73%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#50C7E4 |
rgb(80,199,228) |
hsl(192,73%,60%) |
#5063E4 |
rgb(80,99,228) |
hsl(232,73%,60%) |
#9F4FE4 |
rgb(159,79,228) |
hsl(272,73%,60%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D0D6F7 |
rgb(208,214,247) |
hsl(231,71%,89%) |
#A5B0F1 |
rgb(165,176,241) |
hsl(231,73%,80%) |
#7A8AEA |
rgb(122,138,234) |
hsl(231,73%,70%) |
#5063E4 |
rgb(80,99,228) |
hsl(232,73%,60%) |
#253DDD |
rgb(37,61,221) |
hsl(232,73%,51%) |
#1B30B5 |
rgb(27,48,181) |
hsl(232,74%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5063E4 |
rgb(80,99,228) |
hsl(232,73%,60%) |
#E48750 |
rgb(228,135,80) |
hsl(22,73%,60%) |
#ADE350 |
rgb(173,227,80) |
hsl(82,72%,60%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5063E4 |
rgb(80,99,228) |
hsl(232,73%,60%) |
#E4D150 |
rgb(228,209,80) |
hsl(52,73%,60%) |
#50ADE4 |
rgb(80,173,228) |
hsl(202,73%,60%) |
#ADE350 |
rgb(173,227,80) |
hsl(82,72%,60%) |