HEX #314FE1 color — Royal Blue
The color #314FE1 is a dark shade and moderately saturated.
Palette
314FE1 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,75%,99%) |
#e4e8fb |
rgb(228,232,251) |
hsl(230,75%,94%) |
#ced5f8 |
rgb(206,213,248) |
hsl(230,75%,89%) |
#b8c2f5 |
rgb(184,194,245) |
hsl(230,75%,84%) |
#a1aff2 |
rgb(161,175,242) |
hsl(230,75%,79%) |
#8b9cee |
rgb(139,156,238) |
hsl(230,75%,74%) |
#7588eb |
rgb(117,136,235) |
hsl(230,75%,69%) |
#5e75e8 |
rgb(94,117,232) |
hsl(230,75%,64%) |
#4862e5 |
rgb(72,98,229) |
hsl(230,75%,59%) |
#324fe2 |
rgb(50,79,226) |
hsl(230,75%,54%) |
#1f3edb |
rgb(31,62,219) |
hsl(230,75%,49%) |
#1c38c4 |
rgb(28,56,196) |
hsl(230,75%,44%) |
#1932ae |
rgb(25,50,174) |
hsl(230,75%,39%) |
#162b98 |
rgb(22,43,152) |
hsl(230,75%,34%) |
#122581 |
rgb(18,37,129) |
hsl(230,75%,29%) |
#0f1f6b |
rgb(15,31,107) |
hsl(230,75%,24%) |
#0c1855 |
rgb(12,24,85) |
hsl(230,75%,19%) |
#09123e |
rgb(9,18,62) |
hsl(230,75%,14%) |
#060b28 |
rgb(6,11,40) |
hsl(230,75%,9%) |
#030512 |
rgb(3,5,18) |
hsl(230,75%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#31C4E1 |
rgb(49,196,225) |
hsl(190,75%,54%) |
#314FE1 |
rgb(49,79,225) |
hsl(230,75%,54%) |
#8830E1 |
rgb(136,48,225) |
hsl(270,75%,54%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7D91EC |
rgb(125,145,236) |
hsl(229,74%,71%) |
#5770E6 |
rgb(87,112,230) |
hsl(230,74%,62%) |
#314FE1 |
rgb(49,79,225) |
hsl(230,75%,54%) |
#1D3BC8 |
rgb(29,59,200) |
hsl(229,75%,45%) |
#1730A2 |
rgb(23,48,162) |
hsl(229,75%,36%) |
#12247C |
rgb(18,36,124) |
hsl(230,75%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#314FE1 |
rgb(49,79,225) |
hsl(230,75%,54%) |
#E16B31 |
rgb(225,107,49) |
hsl(20,75%,54%) |
#A7E031 |
rgb(167,224,49) |
hsl(80,74%,54%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314FE1 |
rgb(49,79,225) |
hsl(230,75%,54%) |
#E1C231 |
rgb(225,194,49) |
hsl(49,75%,54%) |
#31A6E1 |
rgb(49,166,225) |
hsl(200,75%,54%) |
#A7E031 |
rgb(167,224,49) |
hsl(80,74%,54%) |