HEX #3157EA color — Royal Blue
The color #3157EA is a dark shade and moderately saturated.
Palette
3157EA color palette from light to dark
HEX |
RGB |
HSL |
#e8ecfd |
rgb(232,236,253) |
hsl(228,81%,95%) |
#d1d9fa |
rgb(209,217,250) |
hsl(228,81%,90%) |
#bac6f8 |
rgb(186,198,248) |
hsl(228,81%,85%) |
#a3b3f5 |
rgb(163,179,245) |
hsl(228,81%,80%) |
#8ca0f3 |
rgb(140,160,243) |
hsl(228,81%,75%) |
#758df0 |
rgb(117,141,240) |
hsl(228,81%,70%) |
#5d7aee |
rgb(93,122,238) |
hsl(228,81%,65%) |
#4667ec |
rgb(70,103,236) |
hsl(228,81%,60%) |
#2f54e9 |
rgb(47,84,233) |
hsl(228,81%,55%) |
#1842e7 |
rgb(24,66,231) |
hsl(228,81%,50%) |
#163bd0 |
rgb(22,59,208) |
hsl(228,81%,45%) |
#1334b9 |
rgb(19,52,185) |
hsl(228,81%,40%) |
#112ea2 |
rgb(17,46,162) |
hsl(228,81%,35%) |
#0f278a |
rgb(15,39,138) |
hsl(228,81%,30%) |
#0c2173 |
rgb(12,33,115) |
hsl(228,81%,25%) |
#0a1a5c |
rgb(10,26,92) |
hsl(228,81%,20%) |
#071445 |
rgb(7,20,69) |
hsl(228,81%,15%) |
#050d2e |
rgb(5,13,46) |
hsl(228,81%,10%) |
#020717 |
rgb(2,7,23) |
hsl(228,81%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1EA |
rgb(49,209,234) |
hsl(188,81%,55%) |
#3157EA |
rgb(49,87,234) |
hsl(228,81%,55%) |
#8630EA |
rgb(134,48,234) |
hsl(268,82%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8399F2 |
rgb(131,153,242) |
hsl(228,81%,73%) |
#5A78EE |
rgb(90,120,238) |
hsl(228,81%,64%) |
#3157EA |
rgb(49,87,234) |
hsl(228,81%,55%) |
#153DD7 |
rgb(21,61,215) |
hsl(228,82%,46%) |
#1133AE |
rgb(17,51,174) |
hsl(227,82%,37%) |
#0D2685 |
rgb(13,38,133) |
hsl(228,82%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157EA |
rgb(49,87,234) |
hsl(228,81%,55%) |
#EA6931 |
rgb(234,105,49) |
hsl(18,81%,55%) |
#B3EB31 |
rgb(179,235,49) |
hsl(78,82%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157EA |
rgb(49,87,234) |
hsl(228,81%,55%) |
#EAC431 |
rgb(234,196,49) |
hsl(48,81%,55%) |
#31B3EA |
rgb(49,179,234) |
hsl(198,81%,55%) |
#B3EB31 |
rgb(179,235,49) |
hsl(78,82%,56%) |