HEX #315EEE color — Royal Blue
The color #315EEE is a dark shade and moderately saturated.
Palette
315EEE color palette from light to dark
HEX |
RGB |
HSL |
#ecf0fd |
rgb(236,240,253) |
hsl(226,85%,96%) |
#d5defc |
rgb(213,222,252) |
hsl(226,85%,91%) |
#bdcbfa |
rgb(189,203,250) |
hsl(226,85%,86%) |
#a5b9f8 |
rgb(165,185,248) |
hsl(226,85%,81%) |
#8ea6f6 |
rgb(142,166,246) |
hsl(226,85%,76%) |
#7694f4 |
rgb(118,148,244) |
hsl(226,85%,71%) |
#5f81f2 |
rgb(95,129,242) |
hsl(226,85%,66%) |
#476ef0 |
rgb(71,110,240) |
hsl(226,85%,61%) |
#2f5cee |
rgb(47,92,238) |
hsl(226,85%,56%) |
#1849ec |
rgb(24,73,236) |
hsl(226,85%,51%) |
#1240d9 |
rgb(18,64,217) |
hsl(226,85%,46%) |
#1039c1 |
rgb(16,57,193) |
hsl(226,85%,41%) |
#0e32aa |
rgb(14,50,170) |
hsl(226,85%,36%) |
#0c2b92 |
rgb(12,43,146) |
hsl(226,85%,31%) |
#0a247b |
rgb(10,36,123) |
hsl(226,85%,26%) |
#081d63 |
rgb(8,29,99) |
hsl(226,85%,21%) |
#06164b |
rgb(6,22,75) |
hsl(226,85%,16%) |
#040f34 |
rgb(4,15,52) |
hsl(226,85%,11%) |
#02081c |
rgb(2,8,28) |
hsl(226,85%,6%) |
#000105 |
rgb(0,1,5) |
hsl(226,85%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31DBEE |
rgb(49,219,238) |
hsl(186,85%,56%) |
#315EEE |
rgb(49,94,238) |
hsl(226,85%,56%) |
#8230EE |
rgb(130,48,238) |
hsl(266,85%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#85A1F5 |
rgb(133,161,245) |
hsl(225,85%,74%) |
#5B80F1 |
rgb(91,128,241) |
hsl(225,84%,65%) |
#315EEE |
rgb(49,94,238) |
hsl(226,85%,56%) |
#1242DE |
rgb(18,66,222) |
hsl(226,85%,47%) |
#0E36B4 |
rgb(14,54,180) |
hsl(226,86%,38%) |
#0B2989 |
rgb(11,41,137) |
hsl(226,85%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#315EEE |
rgb(49,94,238) |
hsl(226,85%,56%) |
#EE6331 |
rgb(238,99,49) |
hsl(16,85%,56%) |
#BCED31 |
rgb(188,237,49) |
hsl(76,84%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315EEE |
rgb(49,94,238) |
hsl(226,85%,56%) |
#EEC231 |
rgb(238,194,49) |
hsl(46,85%,56%) |
#31BDEE |
rgb(49,189,238) |
hsl(196,85%,56%) |
#BCED31 |
rgb(188,237,49) |
hsl(76,84%,56%) |