HEX #3157EF color — Royal Blue
The color #3157EF is a dark shade and moderately saturated.
Palette
3157EF color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fe |
rgb(236,240,254) |
hsl(228,86%,96%) |
#d4dcfc |
rgb(212,220,252) |
hsl(228,86%,91%) |
#bdc9fa |
rgb(189,201,250) |
hsl(228,86%,86%) |
#a5b6f8 |
rgb(165,182,248) |
hsl(228,86%,81%) |
#8da2f6 |
rgb(141,162,246) |
hsl(228,86%,76%) |
#758ff5 |
rgb(117,143,245) |
hsl(228,86%,71%) |
#5e7cf3 |
rgb(94,124,243) |
hsl(228,86%,66%) |
#4668f1 |
rgb(70,104,241) |
hsl(228,86%,61%) |
#2e55ef |
rgb(46,85,239) |
hsl(228,86%,56%) |
#1742ee |
rgb(23,66,238) |
hsl(228,86%,51%) |
#1039da |
rgb(16,57,218) |
hsl(228,86%,46%) |
#0f33c2 |
rgb(15,51,194) |
hsl(228,86%,41%) |
#0d2cab |
rgb(13,44,171) |
hsl(228,86%,36%) |
#0b2693 |
rgb(11,38,147) |
hsl(228,86%,31%) |
#09207b |
rgb(9,32,123) |
hsl(228,86%,26%) |
#071a64 |
rgb(7,26,100) |
hsl(228,86%,21%) |
#06144c |
rgb(6,20,76) |
hsl(228,86%,16%) |
#040e34 |
rgb(4,14,52) |
hsl(228,86%,11%) |
#02071c |
rgb(2,7,28) |
hsl(228,86%,6%) |
#000105 |
rgb(0,1,5) |
hsl(228,86%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D6EF |
rgb(49,214,239) |
hsl(188,86%,56%) |
#3157EF |
rgb(49,87,239) |
hsl(228,86%,56%) |
#8930EF |
rgb(137,48,239) |
hsl(268,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#869CF5 |
rgb(134,156,245) |
hsl(228,85%,74%) |
#5B7AF2 |
rgb(91,122,242) |
hsl(228,85%,65%) |
#3157EF |
rgb(49,87,239) |
hsl(228,86%,56%) |
#113BE0 |
rgb(17,59,224) |
hsl(228,86%,47%) |
#0E30B5 |
rgb(14,48,181) |
hsl(228,86%,38%) |
#0A248A |
rgb(10,36,138) |
hsl(228,86%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#3157EF |
rgb(49,87,239) |
hsl(228,86%,56%) |
#EF6B31 |
rgb(239,107,49) |
hsl(18,86%,56%) |
#B6F031 |
rgb(182,240,49) |
hsl(78,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3157EF |
rgb(49,87,239) |
hsl(228,86%,56%) |
#EFC931 |
rgb(239,201,49) |
hsl(48,86%,56%) |
#31B5EF |
rgb(49,181,239) |
hsl(198,86%,56%) |
#B6F031 |
rgb(182,240,49) |
hsl(78,86%,57%) |