HEX #506BF0 color — Royal Blue
The color #506BF0 is a dark shade and moderately saturated.
Palette
506BF0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7fe |
rgb(246,247,254) |
hsl(230,84%,98%) |
#dee3fc |
rgb(222,227,252) |
hsl(230,84%,93%) |
#c7cffa |
rgb(199,207,250) |
hsl(230,84%,88%) |
#afbbf8 |
rgb(175,187,248) |
hsl(230,84%,83%) |
#98a7f6 |
rgb(152,167,246) |
hsl(230,84%,78%) |
#8094f4 |
rgb(128,148,244) |
hsl(230,84%,73%) |
#6980f2 |
rgb(105,128,242) |
hsl(230,84%,68%) |
#516cf0 |
rgb(81,108,240) |
hsl(230,84%,63%) |
#3a58ee |
rgb(58,88,238) |
hsl(230,84%,58%) |
#2244ec |
rgb(34,68,236) |
hsl(230,84%,53%) |
#1436e1 |
rgb(20,54,225) |
hsl(230,84%,48%) |
#1230ca |
rgb(18,48,202) |
hsl(230,84%,43%) |
#102bb2 |
rgb(16,43,178) |
hsl(230,84%,38%) |
#0d259b |
rgb(13,37,155) |
hsl(230,84%,33%) |
#0b1f83 |
rgb(11,31,131) |
hsl(230,84%,28%) |
#091a6c |
rgb(9,26,108) |
hsl(230,84%,23%) |
#071454 |
rgb(7,20,84) |
hsl(230,84%,18%) |
#050f3d |
rgb(5,15,61) |
hsl(230,84%,13%) |
#030926 |
rgb(3,9,38) |
hsl(230,84%,8%) |
#01030e |
rgb(1,3,14) |
hsl(230,84%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#50D6F0 |
rgb(80,214,240) |
hsl(190,84%,63%) |
#506BF0 |
rgb(80,107,240) |
hsl(230,84%,63%) |
#9F4FF0 |
rgb(159,79,240) |
hsl(270,84%,63%) |
Monochromatic colors
HEX |
RGB |
HSL |
#DDE3FC |
rgb(221,227,252) |
hsl(228,84%,93%) |
#AEBAF8 |
rgb(174,186,248) |
hsl(230,84%,83%) |
#7F94F4 |
rgb(127,148,244) |
hsl(229,84%,73%) |
#506BF0 |
rgb(80,107,240) |
hsl(230,84%,63%) |
#2042EB |
rgb(32,66,235) |
hsl(230,84%,52%) |
#1130C8 |
rgb(17,48,200) |
hsl(230,84%,43%) |
Triad color palettes
HEX |
RGB |
HSL |
#506BF0 |
rgb(80,107,240) |
hsl(230,84%,63%) |
#F08550 |
rgb(240,133,80) |
hsl(20,84%,63%) |
#BBF050 |
rgb(187,240,80) |
hsl(80,84%,63%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#506BF0 |
rgb(80,107,240) |
hsl(230,84%,63%) |
#F0D650 |
rgb(240,214,80) |
hsl(50,84%,63%) |
#50BAF0 |
rgb(80,186,240) |
hsl(200,84%,63%) |
#BBF050 |
rgb(187,240,80) |
hsl(80,84%,63%) |