HEX #504FF2 color — Royal Blue
The color #504FF2 is a dark shade and moderately saturated.
Palette
504FF2 color palette from light to dark
HEX |
RGB |
HSL |
#f6f6fe |
rgb(246,246,254) |
hsl(240,86%,98%) |
#dedefd |
rgb(222,222,253) |
hsl(240,86%,93%) |
#c6c6fb |
rgb(198,198,251) |
hsl(240,86%,88%) |
#aeaef9 |
rgb(174,174,249) |
hsl(240,86%,83%) |
#9797f7 |
rgb(151,151,247) |
hsl(240,86%,78%) |
#7f7ff5 |
rgb(127,127,245) |
hsl(240,86%,73%) |
#6767f4 |
rgb(103,103,244) |
hsl(240,86%,68%) |
#5050f2 |
rgb(80,80,242) |
hsl(240,86%,63%) |
#3838f0 |
rgb(56,56,240) |
hsl(240,86%,58%) |
#2020ee |
rgb(32,32,238) |
hsl(240,86%,53%) |
#1111e4 |
rgb(17,17,228) |
hsl(240,86%,48%) |
#0f0fcc |
rgb(15,15,204) |
hsl(240,86%,43%) |
#0e0eb4 |
rgb(14,14,180) |
hsl(240,86%,38%) |
#0c0c9d |
rgb(12,12,157) |
hsl(240,86%,33%) |
#0a0a85 |
rgb(10,10,133) |
hsl(240,86%,28%) |
#08086d |
rgb(8,8,109) |
hsl(240,86%,23%) |
#060655 |
rgb(6,6,85) |
hsl(240,86%,18%) |
#05053e |
rgb(5,5,62) |
hsl(240,86%,13%) |
#030326 |
rgb(3,3,38) |
hsl(240,86%,8%) |
#01010e |
rgb(1,1,14) |
hsl(240,86%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4FBAF2 |
rgb(79,186,242) |
hsl(201,86%,63%) |
#504FF2 |
rgb(80,79,242) |
hsl(240,86%,63%) |
#BC4FF2 |
rgb(188,79,242) |
hsl(280,86%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DEDEFC |
rgb(222,222,252) |
hsl(240,83%,93%) |
#AFADF9 |
rgb(175,173,249) |
hsl(242,86%,83%) |
#7F80F5 |
rgb(127,128,245) |
hsl(239,86%,73%) |
#504FF2 |
rgb(80,79,242) |
hsl(240,86%,63%) |
#201FEE |
rgb(32,31,238) |
hsl(240,86%,53%) |
#100FCB |
rgb(16,15,203) |
hsl(240,86%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#504FF2 |
rgb(80,79,242) |
hsl(240,86%,63%) |
#F2A14F |
rgb(242,161,79) |
hsl(30,86%,63%) |
#9FF24F |
rgb(159,242,79) |
hsl(91,86%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#504FF2 |
rgb(80,79,242) |
hsl(240,86%,63%) |
#F1F24F |
rgb(241,242,79) |
hsl(60,86%,63%) |
#4FA1F2 |
rgb(79,161,242) |
hsl(210,86%,63%) |
#9FF24F |
rgb(159,242,79) |
hsl(91,86%,63%) |