HEX #4857E5 color — Royal Blue
The color #4857E5 is a dark shade and moderately saturated.
Palette
4857E5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(234,75%,99%) |
#e4e7fb |
rgb(228,231,251) |
hsl(234,75%,94%) |
#ced2f8 |
rgb(206,210,248) |
hsl(234,75%,89%) |
#b8bef5 |
rgb(184,190,245) |
hsl(234,75%,84%) |
#a1a9f2 |
rgb(161,169,242) |
hsl(234,75%,79%) |
#8b95ee |
rgb(139,149,238) |
hsl(234,75%,74%) |
#7581eb |
rgb(117,129,235) |
hsl(234,75%,69%) |
#5e6ce8 |
rgb(94,108,232) |
hsl(234,75%,64%) |
#4858e5 |
rgb(72,88,229) |
hsl(234,75%,59%) |
#3243e2 |
rgb(50,67,226) |
hsl(234,75%,54%) |
#1f32db |
rgb(31,50,219) |
hsl(234,75%,49%) |
#1c2dc4 |
rgb(28,45,196) |
hsl(234,75%,44%) |
#1928ae |
rgb(25,40,174) |
hsl(234,75%,39%) |
#162398 |
rgb(22,35,152) |
hsl(234,75%,34%) |
#121e81 |
rgb(18,30,129) |
hsl(234,75%,29%) |
#0f186b |
rgb(15,24,107) |
hsl(234,75%,24%) |
#0c1355 |
rgb(12,19,85) |
hsl(234,75%,19%) |
#090e3e |
rgb(9,14,62) |
hsl(234,75%,14%) |
#060928 |
rgb(6,9,40) |
hsl(234,75%,9%) |
#030412 |
rgb(3,4,18) |
hsl(234,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#48BFE5 |
rgb(72,191,229) |
hsl(195,75%,59%) |
#4857E5 |
rgb(72,87,229) |
hsl(234,75%,59%) |
#A147E5 |
rgb(161,71,229) |
hsl(274,75%,59%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9CA3F0 |
rgb(156,163,240) |
hsl(235,74%,78%) |
#727DEA |
rgb(114,125,234) |
hsl(235,74%,68%) |
#4857E5 |
rgb(72,87,229) |
hsl(234,75%,59%) |
#1F30DD |
rgb(31,48,221) |
hsl(235,75%,49%) |
#1929B3 |
rgb(25,41,179) |
hsl(234,75%,40%) |
#131F89 |
rgb(19,31,137) |
hsl(234,76%,31%) |
Triad color palettes
HEX |
RGB |
HSL |
#4857E5 |
rgb(72,87,229) |
hsl(234,75%,59%) |
#E58748 |
rgb(229,135,72) |
hsl(24,75%,59%) |
#A5E648 |
rgb(165,230,72) |
hsl(85,76%,59%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4857E5 |
rgb(72,87,229) |
hsl(234,75%,59%) |
#E5D648 |
rgb(229,214,72) |
hsl(54,75%,59%) |
#48A6E5 |
rgb(72,166,229) |
hsl(204,75%,59%) |
#A5E648 |
rgb(165,230,72) |
hsl(85,76%,59%) |