HEX #506AE2 color — Royal Blue
The color #506ae2 is a dark shade and moderately saturated.
Palette
506ae2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9ecfb |
rgb(233,236,251) |
hsl(229,72%,95%) |
| #d3daf8 |
rgb(211,218,248) |
hsl(229,72%,90%) |
| #bdc7f4 |
rgb(189,199,244) |
hsl(229,72%,85%) |
| #a7b5f1 |
rgb(167,181,241) |
hsl(229,72%,80%) |
| #91a2ed |
rgb(145,162,237) |
hsl(229,72%,75%) |
| #7b90ea |
rgb(123,144,234) |
hsl(229,72%,70%) |
| #657de6 |
rgb(101,125,230) |
hsl(229,72%,65%) |
| #506ae2 |
rgb(80,106,226) |
hsl(229,72%,60%) |
| #3a58df |
rgb(58,88,223) |
hsl(229,72%,55%) |
| #2445db |
rgb(36,69,219) |
hsl(229,72%,50%) |
| #203ec5 |
rgb(32,62,197) |
hsl(229,72%,45%) |
| #1d37af |
rgb(29,55,175) |
hsl(229,72%,40%) |
| #19319a |
rgb(25,49,154) |
hsl(229,72%,35%) |
| #152a84 |
rgb(21,42,132) |
hsl(229,72%,30%) |
| #12236e |
rgb(18,35,110) |
hsl(229,72%,25%) |
| #0e1c58 |
rgb(14,28,88) |
hsl(229,72%,20%) |
| #0b1542 |
rgb(11,21,66) |
hsl(229,72%,15%) |
| #070e2c |
rgb(7,14,44) |
hsl(229,72%,10%) |
| #040716 |
rgb(4,7,22) |
hsl(229,72%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #50CCE2 |
rgb(80,204,226) |
hsl(189,72%,60%) |
| #506AE2 |
rgb(80,106,226) |
hsl(229,72%,60%) |
| #974FE2 |
rgb(151,79,226) |
hsl(269,72%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #CED6F6 |
rgb(206,214,246) |
hsl(228,69%,89%) |
| #A4B3EF |
rgb(164,179,239) |
hsl(228,70%,79%) |
| #7A8FE8 |
rgb(122,143,232) |
hsl(229,71%,69%) |
| #506AE2 |
rgb(80,106,226) |
hsl(229,72%,60%) |
| #2647DB |
rgb(38,71,219) |
hsl(229,72%,50%) |
| #1D38B2 |
rgb(29,56,178) |
hsl(229,72%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #506AE2 |
rgb(80,106,226) |
hsl(229,72%,60%) |
| #E28050 |
rgb(226,128,80) |
hsl(20,72%,60%) |
| #B3E350 |
rgb(179,227,80) |
hsl(80,72%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #506AE2 |
rgb(80,106,226) |
hsl(229,72%,60%) |
| #E2C750 |
rgb(226,199,80) |
hsl(49,72%,60%) |
| #50B3E2 |
rgb(80,179,226) |
hsl(199,72%,60%) |
| #B3E350 |
rgb(179,227,80) |
hsl(80,72%,60%) |
