HEX #315EE3 color — Royal Blue
The color #315EE3 is a dark shade and moderately saturated.
Palette
315EE3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(225,76%,99%) |
#e4eafb |
rgb(228,234,251) |
hsl(225,76%,94%) |
#ced8f8 |
rgb(206,216,248) |
hsl(225,76%,89%) |
#b7c7f5 |
rgb(183,199,245) |
hsl(225,76%,84%) |
#a1b5f2 |
rgb(161,181,242) |
hsl(225,76%,79%) |
#8aa4ef |
rgb(138,164,239) |
hsl(225,76%,74%) |
#7492ec |
rgb(116,146,236) |
hsl(225,76%,69%) |
#5d80e9 |
rgb(93,128,233) |
hsl(225,76%,64%) |
#476fe6 |
rgb(71,111,230) |
hsl(225,76%,59%) |
#315de3 |
rgb(49,93,227) |
hsl(225,76%,54%) |
#1e4ddc |
rgb(30,77,220) |
hsl(225,76%,49%) |
#1b46c5 |
rgb(27,70,197) |
hsl(225,76%,44%) |
#183eaf |
rgb(24,62,175) |
hsl(225,76%,39%) |
#153699 |
rgb(21,54,153) |
hsl(225,76%,34%) |
#122e82 |
rgb(18,46,130) |
hsl(225,76%,29%) |
#0f266c |
rgb(15,38,108) |
hsl(225,76%,24%) |
#0c1e55 |
rgb(12,30,85) |
hsl(225,76%,19%) |
#09163f |
rgb(9,22,63) |
hsl(225,76%,14%) |
#060e28 |
rgb(6,14,40) |
hsl(225,76%,9%) |
#020612 |
rgb(2,6,18) |
hsl(225,76%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D4E3 |
rgb(49,212,227) |
hsl(185,76%,54%) |
#315EE3 |
rgb(49,94,227) |
hsl(225,76%,54%) |
#7A30E3 |
rgb(122,48,227) |
hsl(265,76%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E9CED |
rgb(126,156,237) |
hsl(224,76%,71%) |
#577DE8 |
rgb(87,125,232) |
hsl(224,76%,63%) |
#315EE3 |
rgb(49,94,227) |
hsl(225,76%,54%) |
#1B47CC |
rgb(27,71,204) |
hsl(225,77%,45%) |
#163BA5 |
rgb(22,59,165) |
hsl(224,76%,37%) |
#112E7E |
rgb(17,46,126) |
hsl(224,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#315EE3 |
rgb(49,94,227) |
hsl(225,76%,54%) |
#E35C31 |
rgb(227,92,49) |
hsl(14,76%,54%) |
#B7E331 |
rgb(183,227,49) |
hsl(75,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315EE3 |
rgb(49,94,227) |
hsl(225,76%,54%) |
#E3B531 |
rgb(227,181,49) |
hsl(44,76%,54%) |
#31B8E3 |
rgb(49,184,227) |
hsl(194,76%,54%) |
#B7E331 |
rgb(183,227,49) |
hsl(75,76%,54%) |