HEX #457AE5 color — Royal Blue
The color #457AE5 is a dark shade and moderately saturated.
Palette
457AE5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(220,75%,98%) |
#e0e9fb |
rgb(224,233,251) |
hsl(220,75%,93%) |
#c9d9f7 |
rgb(201,217,247) |
hsl(220,75%,88%) |
#b3c9f4 |
rgb(179,201,244) |
hsl(220,75%,83%) |
#9db9f1 |
rgb(157,185,241) |
hsl(220,75%,78%) |
#87a9ee |
rgb(135,169,238) |
hsl(220,75%,73%) |
#7099eb |
rgb(112,153,235) |
hsl(220,75%,68%) |
#5a89e7 |
rgb(90,137,231) |
hsl(220,75%,63%) |
#4479e4 |
rgb(68,121,228) |
hsl(220,75%,58%) |
#2d69e1 |
rgb(45,105,225) |
hsl(220,75%,53%) |
#1f5cd6 |
rgb(31,92,214) |
hsl(220,75%,48%) |
#1b52c0 |
rgb(27,82,192) |
hsl(220,75%,43%) |
#1849aa |
rgb(24,73,170) |
hsl(220,75%,38%) |
#153f93 |
rgb(21,63,147) |
hsl(220,75%,33%) |
#12367d |
rgb(18,54,125) |
hsl(220,75%,28%) |
#0f2c67 |
rgb(15,44,103) |
hsl(220,75%,23%) |
#0b2250 |
rgb(11,34,80) |
hsl(220,75%,18%) |
#08193a |
rgb(8,25,58) |
hsl(220,75%,13%) |
#050f24 |
rgb(5,15,36) |
hsl(220,75%,8%) |
#02060d |
rgb(2,6,13) |
hsl(220,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45E6E5 |
rgb(69,230,229) |
hsl(180,76%,59%) |
#457AE5 |
rgb(69,122,229) |
hsl(220,75%,58%) |
#7A45E5 |
rgb(122,69,229) |
hsl(260,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B5F0 |
rgb(152,181,240) |
hsl(220,75%,77%) |
#6E99EA |
rgb(110,153,234) |
hsl(219,75%,67%) |
#457AE5 |
rgb(69,122,229) |
hsl(220,75%,58%) |
#1E5EDB |
rgb(30,94,219) |
hsl(220,76%,49%) |
#184DB1 |
rgb(24,77,177) |
hsl(219,76%,39%) |
#133B87 |
rgb(19,59,135) |
hsl(219,75%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#457AE5 |
rgb(69,122,229) |
hsl(220,75%,58%) |
#E56145 |
rgb(229,97,69) |
hsl(11,75%,58%) |
#CAE645 |
rgb(202,230,69) |
hsl(70,76%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457AE5 |
rgb(69,122,229) |
hsl(220,75%,58%) |
#E5B045 |
rgb(229,176,69) |
hsl(40,75%,58%) |
#45C9E5 |
rgb(69,201,229) |
hsl(191,75%,58%) |
#CAE645 |
rgb(202,230,69) |
hsl(70,76%,59%) |