HEX #313BE1 color — Royal Blue
The color #313BE1 is a dark shade and moderately saturated.
Palette
313BE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(237,75%,99%) |
#e4e5fb |
rgb(228,229,251) |
hsl(237,75%,94%) |
#ced0f8 |
rgb(206,208,248) |
hsl(237,75%,89%) |
#b8bbf5 |
rgb(184,187,245) |
hsl(237,75%,84%) |
#a1a5f2 |
rgb(161,165,242) |
hsl(237,75%,79%) |
#8b90ee |
rgb(139,144,238) |
hsl(237,75%,74%) |
#757beb |
rgb(117,123,235) |
hsl(237,75%,69%) |
#5e65e8 |
rgb(94,101,232) |
hsl(237,75%,64%) |
#4850e5 |
rgb(72,80,229) |
hsl(237,75%,59%) |
#323be2 |
rgb(50,59,226) |
hsl(237,75%,54%) |
#1f29db |
rgb(31,41,219) |
hsl(237,75%,49%) |
#1c24c4 |
rgb(28,36,196) |
hsl(237,75%,44%) |
#1920ae |
rgb(25,32,174) |
hsl(237,75%,39%) |
#161c98 |
rgb(22,28,152) |
hsl(237,75%,34%) |
#121881 |
rgb(18,24,129) |
hsl(237,75%,29%) |
#0f146b |
rgb(15,20,107) |
hsl(237,75%,24%) |
#0c1055 |
rgb(12,16,85) |
hsl(237,75%,19%) |
#090c3e |
rgb(9,12,62) |
hsl(237,75%,14%) |
#060728 |
rgb(6,7,40) |
hsl(237,75%,9%) |
#030312 |
rgb(3,3,18) |
hsl(237,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31B0E1 |
rgb(49,176,225) |
hsl(197,75%,54%) |
#313BE1 |
rgb(49,59,225) |
hsl(237,75%,54%) |
#9C30E1 |
rgb(156,48,225) |
hsl(277,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D85EC |
rgb(125,133,236) |
hsl(236,74%,71%) |
#575EE6 |
rgb(87,94,230) |
hsl(237,74%,62%) |
#313BE1 |
rgb(49,59,225) |
hsl(237,75%,54%) |
#1D26C8 |
rgb(29,38,200) |
hsl(237,75%,45%) |
#171FA2 |
rgb(23,31,162) |
hsl(237,75%,36%) |
#12177C |
rgb(18,23,124) |
hsl(237,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#313BE1 |
rgb(49,59,225) |
hsl(237,75%,54%) |
#E18031 |
rgb(225,128,49) |
hsl(27,75%,54%) |
#93E031 |
rgb(147,224,49) |
hsl(86,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#313BE1 |
rgb(49,59,225) |
hsl(237,75%,54%) |
#E1D631 |
rgb(225,214,49) |
hsl(56,75%,54%) |
#3194E1 |
rgb(49,148,225) |
hsl(206,75%,54%) |
#93E031 |
rgb(147,224,49) |
hsl(86,74%,54%) |