HEX #315CE2 color — Royal Blue
The color #315CE2 is a dark shade and moderately saturated.
Palette
315CE2 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(225,75%,99%) |
#e4eafb |
rgb(228,234,251) |
hsl(225,75%,94%) |
#ced8f8 |
rgb(206,216,248) |
hsl(225,75%,89%) |
#b8c7f5 |
rgb(184,199,245) |
hsl(225,75%,84%) |
#a1b5f2 |
rgb(161,181,242) |
hsl(225,75%,79%) |
#8ba4ee |
rgb(139,164,238) |
hsl(225,75%,74%) |
#7592eb |
rgb(117,146,235) |
hsl(225,75%,69%) |
#5e81e8 |
rgb(94,129,232) |
hsl(225,75%,64%) |
#486fe5 |
rgb(72,111,229) |
hsl(225,75%,59%) |
#325ee2 |
rgb(50,94,226) |
hsl(225,75%,54%) |
#1f4edb |
rgb(31,78,219) |
hsl(225,75%,49%) |
#1c46c4 |
rgb(28,70,196) |
hsl(225,75%,44%) |
#193eae |
rgb(25,62,174) |
hsl(225,75%,39%) |
#163698 |
rgb(22,54,152) |
hsl(225,75%,34%) |
#122e81 |
rgb(18,46,129) |
hsl(225,75%,29%) |
#0f266b |
rgb(15,38,107) |
hsl(225,75%,24%) |
#0c1e55 |
rgb(12,30,85) |
hsl(225,75%,19%) |
#09163e |
rgb(9,22,62) |
hsl(225,75%,14%) |
#060e28 |
rgb(6,14,40) |
hsl(225,75%,9%) |
#030612 |
rgb(3,6,18) |
hsl(225,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31D1E2 |
rgb(49,209,226) |
hsl(186,75%,54%) |
#315CE2 |
rgb(49,92,226) |
hsl(225,75%,54%) |
#7C30E2 |
rgb(124,48,226) |
hsl(266,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E99EC |
rgb(126,153,236) |
hsl(225,74%,71%) |
#577AE7 |
rgb(87,122,231) |
hsl(225,75%,62%) |
#315CE2 |
rgb(49,92,226) |
hsl(225,75%,54%) |
#1C47CA |
rgb(28,71,202) |
hsl(225,76%,45%) |
#1738A3 |
rgb(23,56,163) |
hsl(226,75%,36%) |
#112B7D |
rgb(17,43,125) |
hsl(226,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#315CE2 |
rgb(49,92,226) |
hsl(225,75%,54%) |
#E25E31 |
rgb(226,94,49) |
hsl(15,75%,54%) |
#B4E331 |
rgb(180,227,49) |
hsl(76,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315CE2 |
rgb(49,92,226) |
hsl(225,75%,54%) |
#E2B831 |
rgb(226,184,49) |
hsl(46,75%,54%) |
#31B5E2 |
rgb(49,181,226) |
hsl(195,75%,54%) |
#B4E331 |
rgb(180,227,49) |
hsl(76,76%,54%) |