HEX #457DE4 color — Royal Blue
The color #457DE4 is a dark shade and moderately saturated.
Palette
457DE4 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9fe |
rgb(246,249,254) |
hsl(219,75%,98%) |
#e0e9fb |
rgb(224,233,251) |
hsl(219,75%,93%) |
#c9daf7 |
rgb(201,218,247) |
hsl(219,75%,88%) |
#b3caf4 |
rgb(179,202,244) |
hsl(219,75%,83%) |
#9dbaf1 |
rgb(157,186,241) |
hsl(219,75%,78%) |
#87abee |
rgb(135,171,238) |
hsl(219,75%,73%) |
#709beb |
rgb(112,155,235) |
hsl(219,75%,68%) |
#5a8be7 |
rgb(90,139,231) |
hsl(219,75%,63%) |
#447ce4 |
rgb(68,124,228) |
hsl(219,75%,58%) |
#2d6ce1 |
rgb(45,108,225) |
hsl(219,75%,53%) |
#1f5fd6 |
rgb(31,95,214) |
hsl(219,75%,48%) |
#1b55c0 |
rgb(27,85,192) |
hsl(219,75%,43%) |
#184baa |
rgb(24,75,170) |
hsl(219,75%,38%) |
#154193 |
rgb(21,65,147) |
hsl(219,75%,33%) |
#12377d |
rgb(18,55,125) |
hsl(219,75%,28%) |
#0f2d67 |
rgb(15,45,103) |
hsl(219,75%,23%) |
#0b2450 |
rgb(11,36,80) |
hsl(219,75%,18%) |
#081a3a |
rgb(8,26,58) |
hsl(219,75%,13%) |
#051024 |
rgb(5,16,36) |
hsl(219,75%,8%) |
#02060d |
rgb(2,6,13) |
hsl(219,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45E3E1 |
rgb(69,227,225) |
hsl(179,74%,58%) |
#457DE4 |
rgb(69,125,228) |
hsl(219,75%,58%) |
#7745E4 |
rgb(119,69,228) |
hsl(259,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B8F0 |
rgb(151,184,240) |
hsl(218,75%,77%) |
#6E99EA |
rgb(110,153,234) |
hsl(219,75%,67%) |
#457DE4 |
rgb(69,125,228) |
hsl(219,75%,58%) |
#1F61D9 |
rgb(31,97,217) |
hsl(219,75%,49%) |
#194FB0 |
rgb(25,79,176) |
hsl(219,75%,39%) |
#133D86 |
rgb(19,61,134) |
hsl(218,75%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#457DE4 |
rgb(69,125,228) |
hsl(219,75%,58%) |
#E45C45 |
rgb(228,92,69) |
hsl(9,75%,58%) |
#CCE345 |
rgb(204,227,69) |
hsl(69,74%,58%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#457DE4 |
rgb(69,125,228) |
hsl(219,75%,58%) |
#E4AB45 |
rgb(228,171,69) |
hsl(38,75%,58%) |
#45CCE4 |
rgb(69,204,228) |
hsl(189,75%,58%) |
#CCE345 |
rgb(204,227,69) |
hsl(69,74%,58%) |