HEX #3157E5 color — Royal Blue
The color #3157E5 is a dark shade and moderately saturated.
Palette
3157E5 color palette from light to dark
HEX |
RGB |
HSL |
#e8edfc |
rgb(232,237,252) |
hsl(227,78%,95%) |
#d2daf9 |
rgb(210,218,249) |
hsl(227,78%,90%) |
#bbc8f7 |
rgb(187,200,247) |
hsl(227,78%,85%) |
#a4b5f4 |
rgb(164,181,244) |
hsl(227,78%,80%) |
#8ea3f1 |
rgb(142,163,241) |
hsl(227,78%,75%) |
#7791ee |
rgb(119,145,238) |
hsl(227,78%,70%) |
#607eeb |
rgb(96,126,235) |
hsl(227,78%,65%) |
#496ce9 |
rgb(73,108,233) |
hsl(227,78%,60%) |
#335ae6 |
rgb(51,90,230) |
hsl(227,78%,55%) |
#1c47e3 |
rgb(28,71,227) |
hsl(227,78%,50%) |
#1940cc |
rgb(25,64,204) |
hsl(227,78%,45%) |
#1639b6 |
rgb(22,57,182) |
hsl(227,78%,40%) |
#14329f |
rgb(20,50,159) |
hsl(227,78%,35%) |
#112b88 |
rgb(17,43,136) |
hsl(227,78%,30%) |
#0e2471 |
rgb(14,36,113) |
hsl(227,78%,25%) |
#0b1c5b |
rgb(11,28,91) |
hsl(227,78%,20%) |
#081544 |
rgb(8,21,68) |
hsl(227,78%,15%) |
#060e2d |
rgb(6,14,45) |
hsl(227,78%,10%) |
#030717 |
rgb(3,7,23) |
hsl(227,78%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CFE5 |
rgb(49,207,229) |
hsl(187,78%,55%) |
#3157E5 |
rgb(49,87,229) |
hsl(227,78%,55%) |
#8330E5 |
rgb(131,48,229) |
hsl(268,78%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7F96EE |
rgb(127,150,238) |
hsl(228,77%,72%) |
#5878E9 |
rgb(88,120,233) |
hsl(227,77%,63%) |
#3157E5 |
rgb(49,87,229) |
hsl(227,78%,55%) |
#1A40CF |
rgb(26,64,207) |
hsl(227,78%,46%) |
#1533A7 |
rgb(21,51,167) |
hsl(228,78%,37%) |
#102980 |
rgb(16,41,128) |
hsl(227,78%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157E5 |
rgb(49,87,229) |
hsl(227,78%,55%) |
#E56631 |
rgb(229,102,49) |
hsl(18,78%,55%) |
#B1E631 |
rgb(177,230,49) |
hsl(78,78%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157E5 |
rgb(49,87,229) |
hsl(227,78%,55%) |
#E5BF31 |
rgb(229,191,49) |
hsl(47,78%,55%) |
#31B0E5 |
rgb(49,176,229) |
hsl(198,78%,55%) |
#B1E631 |
rgb(177,230,49) |
hsl(78,78%,55%) |