HEX #3157E4 color — Royal Blue
The color #3157E4 is a dark shade and moderately saturated.
Palette
3157E4 color palette from light to dark
HEX |
RGB |
HSL |
#fafbfe |
rgb(250,251,254) |
hsl(227,77%,99%) |
#e4e9fb |
rgb(228,233,251) |
hsl(227,77%,94%) |
#cdd7f9 |
rgb(205,215,249) |
hsl(227,77%,89%) |
#b7c4f6 |
rgb(183,196,246) |
hsl(227,77%,84%) |
#a0b2f3 |
rgb(160,178,243) |
hsl(227,77%,79%) |
#8aa0f0 |
rgb(138,160,240) |
hsl(227,77%,74%) |
#738ded |
rgb(115,141,237) |
hsl(227,77%,69%) |
#5d7bea |
rgb(93,123,234) |
hsl(227,77%,64%) |
#4669e7 |
rgb(70,105,231) |
hsl(227,77%,59%) |
#2f57e4 |
rgb(47,87,228) |
hsl(227,77%,54%) |
#1d46dd |
rgb(29,70,221) |
hsl(227,77%,49%) |
#1a3fc7 |
rgb(26,63,199) |
hsl(227,77%,44%) |
#1738b0 |
rgb(23,56,176) |
hsl(227,77%,39%) |
#143199 |
rgb(20,49,153) |
hsl(227,77%,34%) |
#112a83 |
rgb(17,42,131) |
hsl(227,77%,29%) |
#0e226c |
rgb(14,34,108) |
hsl(227,77%,24%) |
#0b1b56 |
rgb(11,27,86) |
hsl(227,77%,19%) |
#08143f |
rgb(8,20,63) |
hsl(227,77%,14%) |
#050d29 |
rgb(5,13,41) |
hsl(227,77%,9%) |
#020612 |
rgb(2,6,18) |
hsl(227,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CFE4 |
rgb(49,207,228) |
hsl(187,77%,54%) |
#3157E4 |
rgb(49,87,228) |
hsl(227,77%,54%) |
#8230E4 |
rgb(130,48,228) |
hsl(267,77%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F96EE |
rgb(127,150,238) |
hsl(228,77%,72%) |
#5878E9 |
rgb(88,120,233) |
hsl(227,77%,63%) |
#3157E4 |
rgb(49,87,228) |
hsl(227,77%,54%) |
#1A40CD |
rgb(26,64,205) |
hsl(227,77%,45%) |
#1536A6 |
rgb(21,54,166) |
hsl(226,78%,37%) |
#10297F |
rgb(16,41,127) |
hsl(226,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157E4 |
rgb(49,87,228) |
hsl(227,77%,54%) |
#E46331 |
rgb(228,99,49) |
hsl(17,77%,54%) |
#B0E331 |
rgb(176,227,49) |
hsl(77,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157E4 |
rgb(49,87,228) |
hsl(227,77%,54%) |
#E4BF31 |
rgb(228,191,49) |
hsl(48,77%,54%) |
#31B0E4 |
rgb(49,176,228) |
hsl(197,77%,54%) |
#B0E331 |
rgb(176,227,49) |
hsl(77,76%,54%) |