HEX #5A45E4 color — Royal Blue
The color #5A45E4 is a dark shade and moderately saturated.
Palette
5A45E4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f6fe |
rgb(247,246,254) |
hsl(248,75%,98%) |
#e3e0fb |
rgb(227,224,251) |
hsl(248,75%,93%) |
#d0c9f7 |
rgb(208,201,247) |
hsl(248,75%,88%) |
#bcb3f4 |
rgb(188,179,244) |
hsl(248,75%,83%) |
#a89df1 |
rgb(168,157,241) |
hsl(248,75%,78%) |
#9487ee |
rgb(148,135,238) |
hsl(248,75%,73%) |
#8170eb |
rgb(129,112,235) |
hsl(248,75%,68%) |
#6d5ae7 |
rgb(109,90,231) |
hsl(248,75%,63%) |
#5944e4 |
rgb(89,68,228) |
hsl(248,75%,58%) |
#452de1 |
rgb(69,45,225) |
hsl(248,75%,53%) |
#371fd6 |
rgb(55,31,214) |
hsl(248,75%,48%) |
#311bc0 |
rgb(49,27,192) |
hsl(248,75%,43%) |
#2c18aa |
rgb(44,24,170) |
hsl(248,75%,38%) |
#261593 |
rgb(38,21,147) |
hsl(248,75%,33%) |
#20127d |
rgb(32,18,125) |
hsl(248,75%,28%) |
#1a0f67 |
rgb(26,15,103) |
hsl(248,75%,23%) |
#150b50 |
rgb(21,11,80) |
hsl(248,75%,18%) |
#0f083a |
rgb(15,8,58) |
hsl(248,75%,13%) |
#090524 |
rgb(9,5,36) |
hsl(248,75%,8%) |
#03020d |
rgb(3,2,13) |
hsl(248,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#4599E4 |
rgb(69,153,228) |
hsl(208,75%,58%) |
#5A45E4 |
rgb(90,69,228) |
hsl(248,75%,58%) |
#C445E4 |
rgb(196,69,228) |
hsl(288,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#A399F0 |
rgb(163,153,240) |
hsl(247,74%,77%) |
#7E6EEA |
rgb(126,110,234) |
hsl(248,75%,67%) |
#5A45E4 |
rgb(90,69,228) |
hsl(248,75%,58%) |
#381FD9 |
rgb(56,31,217) |
hsl(248,75%,49%) |
#2D1AB0 |
rgb(45,26,176) |
hsl(248,74%,40%) |
#221486 |
rgb(34,20,134) |
hsl(247,74%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A45E4 |
rgb(90,69,228) |
hsl(248,75%,58%) |
#E4A845 |
rgb(228,168,69) |
hsl(37,75%,58%) |
#7FE345 |
rgb(127,227,69) |
hsl(98,74%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A45E4 |
rgb(90,69,228) |
hsl(248,75%,58%) |
#CFE345 |
rgb(207,227,69) |
hsl(68,74%,58%) |
#4580E4 |
rgb(69,128,228) |
hsl(218,75%,58%) |
#7FE345 |
rgb(127,227,69) |
hsl(98,74%,58%) |