HEX #5057E2 color — Royal Blue
The color #5057e2 is a dark shade and moderately saturated.
Palette
5057e2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9eafb |
rgb(233,234,251) |
hsl(237,72%,95%) |
| #d3d5f8 |
rgb(211,213,248) |
hsl(237,72%,90%) |
| #bdc0f4 |
rgb(189,192,244) |
hsl(237,72%,85%) |
| #a7abf1 |
rgb(167,171,241) |
hsl(237,72%,80%) |
| #9196ed |
rgb(145,150,237) |
hsl(237,72%,75%) |
| #7b81ea |
rgb(123,129,234) |
hsl(237,72%,70%) |
| #656ce6 |
rgb(101,108,230) |
hsl(237,72%,65%) |
| #5057e2 |
rgb(80,87,226) |
hsl(237,72%,60%) |
| #3a42df |
rgb(58,66,223) |
hsl(237,72%,55%) |
| #242ddb |
rgb(36,45,219) |
hsl(237,72%,50%) |
| #2028c5 |
rgb(32,40,197) |
hsl(237,72%,45%) |
| #1d24af |
rgb(29,36,175) |
hsl(237,72%,40%) |
| #191f9a |
rgb(25,31,154) |
hsl(237,72%,35%) |
| #151b84 |
rgb(21,27,132) |
hsl(237,72%,30%) |
| #12166e |
rgb(18,22,110) |
hsl(237,72%,25%) |
| #0e1258 |
rgb(14,18,88) |
hsl(237,72%,20%) |
| #0b0d42 |
rgb(11,13,66) |
hsl(237,72%,15%) |
| #07092c |
rgb(7,9,44) |
hsl(237,72%,10%) |
| #040416 |
rgb(4,4,22) |
hsl(237,72%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #50B8E2 |
rgb(80,184,226) |
hsl(197,72%,60%) |
| #5057E2 |
rgb(80,87,226) |
hsl(237,72%,60%) |
| #AA4FE2 |
rgb(170,79,226) |
hsl(277,72%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #CED1F6 |
rgb(206,209,246) |
hsl(236,69%,89%) |
| #A4A8EF |
rgb(164,168,239) |
hsl(237,70%,79%) |
| #7A80E8 |
rgb(122,128,232) |
hsl(237,71%,69%) |
| #5057E2 |
rgb(80,87,226) |
hsl(237,72%,60%) |
| #262EDB |
rgb(38,46,219) |
hsl(237,72%,50%) |
| #1D24B2 |
rgb(29,36,178) |
hsl(237,72%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5057E2 |
rgb(80,87,226) |
hsl(237,72%,60%) |
| #E29150 |
rgb(226,145,80) |
hsl(27,72%,60%) |
| #A0E350 |
rgb(160,227,80) |
hsl(87,72%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5057E2 |
rgb(80,87,226) |
hsl(237,72%,60%) |
| #E2DB50 |
rgb(226,219,80) |
hsl(57,72%,60%) |
| #50A1E2 |
rgb(80,161,226) |
hsl(207,72%,60%) |
| #A0E350 |
rgb(160,227,80) |
hsl(87,72%,60%) |
