HEX #4570E5 color — Royal Blue
The color #4570E5 is a dark shade and moderately saturated.
Palette
4570E5 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(224,75%,98%) |
#e0e7fb |
rgb(224,231,251) |
hsl(224,75%,93%) |
#c9d6f7 |
rgb(201,214,247) |
hsl(224,75%,88%) |
#b3c4f4 |
rgb(179,196,244) |
hsl(224,75%,83%) |
#9db3f1 |
rgb(157,179,241) |
hsl(224,75%,78%) |
#87a2ee |
rgb(135,162,238) |
hsl(224,75%,73%) |
#7091eb |
rgb(112,145,235) |
hsl(224,75%,68%) |
#5a80e7 |
rgb(90,128,231) |
hsl(224,75%,63%) |
#446ee4 |
rgb(68,110,228) |
hsl(224,75%,58%) |
#2d5de1 |
rgb(45,93,225) |
hsl(224,75%,53%) |
#1f50d6 |
rgb(31,80,214) |
hsl(224,75%,48%) |
#1b47c0 |
rgb(27,71,192) |
hsl(224,75%,43%) |
#183faa |
rgb(24,63,170) |
hsl(224,75%,38%) |
#153793 |
rgb(21,55,147) |
hsl(224,75%,33%) |
#122e7d |
rgb(18,46,125) |
hsl(224,75%,28%) |
#0f2667 |
rgb(15,38,103) |
hsl(224,75%,23%) |
#0b1e50 |
rgb(11,30,80) |
hsl(224,75%,18%) |
#08163a |
rgb(8,22,58) |
hsl(224,75%,13%) |
#050d24 |
rgb(5,13,36) |
hsl(224,75%,8%) |
#02050d |
rgb(2,5,13) |
hsl(224,75%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#45DBE5 |
rgb(69,219,229) |
hsl(184,75%,58%) |
#4570E5 |
rgb(69,112,229) |
hsl(224,75%,58%) |
#8445E5 |
rgb(132,69,229) |
hsl(264,75%,58%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B0F0 |
rgb(152,176,240) |
hsl(224,75%,77%) |
#6E91EA |
rgb(110,145,234) |
hsl(223,75%,67%) |
#4570E5 |
rgb(69,112,229) |
hsl(224,75%,58%) |
#1E52DB |
rgb(30,82,219) |
hsl(223,76%,49%) |
#1842B1 |
rgb(24,66,177) |
hsl(224,76%,39%) |
#133387 |
rgb(19,51,135) |
hsl(223,75%,30%) |
Triad color palettes
HEX |
RGB |
HSL |
#4570E5 |
rgb(69,112,229) |
hsl(224,75%,58%) |
#E56B45 |
rgb(229,107,69) |
hsl(14,75%,58%) |
#C0E645 |
rgb(192,230,69) |
hsl(74,76%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4570E5 |
rgb(69,112,229) |
hsl(224,75%,58%) |
#E5BA45 |
rgb(229,186,69) |
hsl(44,75%,58%) |
#45BFE5 |
rgb(69,191,229) |
hsl(194,75%,58%) |
#C0E645 |
rgb(192,230,69) |
hsl(74,76%,59%) |