HEX #5170E2 color — Royal Blue
The color #5170E2 is a dark shade and moderately saturated.
Palette
5170E2 color palette from light to dark
| HEX |
RGB |
HSL |
| #e9edfb |
rgb(233,237,251) |
hsl(227,71%,95%) |
| #d3dbf8 |
rgb(211,219,248) |
hsl(227,71%,90%) |
| #bec9f4 |
rgb(190,201,244) |
hsl(227,71%,85%) |
| #a8b7f0 |
rgb(168,183,240) |
hsl(227,71%,80%) |
| #92a6ed |
rgb(146,166,237) |
hsl(227,71%,75%) |
| #7c94e9 |
rgb(124,148,233) |
hsl(227,71%,70%) |
| #6682e5 |
rgb(102,130,229) |
hsl(227,71%,65%) |
| #5170e1 |
rgb(81,112,225) |
hsl(227,71%,60%) |
| #3b5ede |
rgb(59,94,222) |
hsl(227,71%,55%) |
| #254cda |
rgb(37,76,218) |
hsl(227,71%,50%) |
| #2145c4 |
rgb(33,69,196) |
hsl(227,71%,45%) |
| #1e3dae |
rgb(30,61,174) |
hsl(227,71%,40%) |
| #1a3599 |
rgb(26,53,153) |
hsl(227,71%,35%) |
| #162e83 |
rgb(22,46,131) |
hsl(227,71%,30%) |
| #12266d |
rgb(18,38,109) |
hsl(227,71%,25%) |
| #0f1e57 |
rgb(15,30,87) |
hsl(227,71%,20%) |
| #0b1741 |
rgb(11,23,65) |
hsl(227,71%,15%) |
| #070f2c |
rgb(7,15,44) |
hsl(227,71%,10%) |
| #040816 |
rgb(4,8,22) |
hsl(227,71%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #51D1E2 |
rgb(81,209,226) |
hsl(187,71%,60%) |
| #5170E2 |
rgb(81,112,226) |
hsl(227,71%,60%) |
| #9252E2 |
rgb(146,82,226) |
hsl(267,71%,60%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #CFD9F7 |
rgb(207,217,247) |
hsl(225,71%,89%) |
| #A5B5F0 |
rgb(165,181,240) |
hsl(227,71%,79%) |
| #7B91E9 |
rgb(123,145,233) |
hsl(228,71%,70%) |
| #5170E2 |
rgb(81,112,226) |
hsl(227,71%,60%) |
| #264DDA |
rgb(38,77,218) |
hsl(227,71%,50%) |
| #1D3DB2 |
rgb(29,61,178) |
hsl(227,72%,41%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5170E2 |
rgb(81,112,226) |
hsl(227,71%,60%) |
| #E27A51 |
rgb(226,122,81) |
hsl(17,71%,60%) |
| #B8E351 |
rgb(184,227,81) |
hsl(78,72%,60%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5170E2 |
rgb(81,112,226) |
hsl(227,71%,60%) |
| #E2C251 |
rgb(226,194,81) |
hsl(47,71%,60%) |
| #51B8E2 |
rgb(81,184,226) |
hsl(197,71%,60%) |
| #B8E351 |
rgb(184,227,81) |
hsl(78,72%,60%) |
