HEX #314FE3 color — Royal Blue
The color #314FE3 is a dark shade and moderately saturated.
Palette
314FE3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,76%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(230,76%,94%) |
#ced5f8 |
rgb(206,213,248) |
hsl(230,76%,89%) |
#b7c2f5 |
rgb(183,194,245) |
hsl(230,76%,84%) |
#a1aef2 |
rgb(161,174,242) |
hsl(230,76%,79%) |
#8a9bef |
rgb(138,155,239) |
hsl(230,76%,74%) |
#7488ec |
rgb(116,136,236) |
hsl(230,76%,69%) |
#5d75e9 |
rgb(93,117,233) |
hsl(230,76%,64%) |
#4761e6 |
rgb(71,97,230) |
hsl(230,76%,59%) |
#314ee3 |
rgb(49,78,227) |
hsl(230,76%,54%) |
#1e3edc |
rgb(30,62,220) |
hsl(230,76%,49%) |
#1b37c5 |
rgb(27,55,197) |
hsl(230,76%,44%) |
#1831af |
rgb(24,49,175) |
hsl(230,76%,39%) |
#152b99 |
rgb(21,43,153) |
hsl(230,76%,34%) |
#122482 |
rgb(18,36,130) |
hsl(230,76%,29%) |
#0f1e6c |
rgb(15,30,108) |
hsl(230,76%,24%) |
#0c1855 |
rgb(12,24,85) |
hsl(230,76%,19%) |
#09123f |
rgb(9,18,63) |
hsl(230,76%,14%) |
#060b28 |
rgb(6,11,40) |
hsl(230,76%,9%) |
#020512 |
rgb(2,5,18) |
hsl(230,76%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C7E3 |
rgb(49,199,227) |
hsl(189,76%,54%) |
#314FE3 |
rgb(49,79,227) |
hsl(230,76%,54%) |
#8930E3 |
rgb(137,48,227) |
hsl(270,76%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7E91ED |
rgb(126,145,237) |
hsl(230,76%,71%) |
#5770E8 |
rgb(87,112,232) |
hsl(230,76%,63%) |
#314FE3 |
rgb(49,79,227) |
hsl(230,76%,54%) |
#1B3BCC |
rgb(27,59,204) |
hsl(229,77%,45%) |
#162EA5 |
rgb(22,46,165) |
hsl(230,76%,37%) |
#11247E |
rgb(17,36,126) |
hsl(230,76%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#314FE3 |
rgb(49,79,227) |
hsl(230,76%,54%) |
#E36B31 |
rgb(227,107,49) |
hsl(20,76%,54%) |
#A8E331 |
rgb(168,227,49) |
hsl(80,76%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314FE3 |
rgb(49,79,227) |
hsl(230,76%,54%) |
#E3C431 |
rgb(227,196,49) |
hsl(50,76%,54%) |
#31A8E3 |
rgb(49,168,227) |
hsl(200,76%,54%) |
#A8E331 |
rgb(168,227,49) |
hsl(80,76%,54%) |