HEX #5170E5 color — Royal Blue
The color #5170E5 is a dark shade and moderately saturated.
Palette
5170E5 color palette from light to dark
HEX |
RGB |
HSL |
#edf1fc |
rgb(237,241,252) |
hsl(227,74%,96%) |
#d7def9 |
rgb(215,222,249) |
hsl(227,74%,91%) |
#c1ccf6 |
rgb(193,204,246) |
hsl(227,74%,86%) |
#abbaf2 |
rgb(171,186,242) |
hsl(227,74%,81%) |
#95a8ef |
rgb(149,168,239) |
hsl(227,74%,76%) |
#7e96ec |
rgb(126,150,236) |
hsl(227,74%,71%) |
#6884e8 |
rgb(104,132,232) |
hsl(227,74%,66%) |
#5272e5 |
rgb(82,114,229) |
hsl(227,74%,61%) |
#3c60e2 |
rgb(60,96,226) |
hsl(227,74%,56%) |
#264edf |
rgb(38,78,223) |
hsl(227,74%,51%) |
#1e44cc |
rgb(30,68,204) |
hsl(227,74%,46%) |
#1b3db6 |
rgb(27,61,182) |
hsl(227,74%,41%) |
#1835a0 |
rgb(24,53,160) |
hsl(227,74%,36%) |
#152e8a |
rgb(21,46,138) |
hsl(227,74%,31%) |
#112673 |
rgb(17,38,115) |
hsl(227,74%,26%) |
#0e1f5d |
rgb(14,31,93) |
hsl(227,74%,21%) |
#0b1847 |
rgb(11,24,71) |
hsl(227,74%,16%) |
#071031 |
rgb(7,16,49) |
hsl(227,74%,11%) |
#04091b |
rgb(4,9,27) |
hsl(227,74%,6%) |
#010104 |
rgb(1,1,4) |
hsl(227,74%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#51D4E5 |
rgb(81,212,229) |
hsl(187,74%,61%) |
#5170E5 |
rgb(81,112,229) |
hsl(227,74%,61%) |
#9452E5 |
rgb(148,82,229) |
hsl(267,74%,61%) |
Monochromatic colors
HEX |
RGB |
HSL |
#D2DBF8 |
rgb(210,219,248) |
hsl(226,73%,90%) |
#A7B8F1 |
rgb(167,184,241) |
hsl(226,73%,80%) |
#7C94EB |
rgb(124,148,235) |
hsl(227,74%,70%) |
#5170E5 |
rgb(81,112,229) |
hsl(227,74%,61%) |
#254DDE |
rgb(37,77,222) |
hsl(227,74%,51%) |
#1B3DB7 |
rgb(27,61,183) |
hsl(227,74%,41%) |
Triad color palettes
HEX |
RGB |
HSL |
#5170E5 |
rgb(81,112,229) |
hsl(227,74%,61%) |
#E57D51 |
rgb(229,125,81) |
hsl(18,74%,61%) |
#BAE651 |
rgb(186,230,81) |
hsl(78,75%,61%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5170E5 |
rgb(81,112,229) |
hsl(227,74%,61%) |
#E5C751 |
rgb(229,199,81) |
hsl(48,74%,61%) |
#51BAE5 |
rgb(81,186,229) |
hsl(197,74%,61%) |
#BAE651 |
rgb(186,230,81) |
hsl(78,75%,61%) |