HEX #314FF0 color — Royal Blue
The color #314FF0 is a dark shade and moderately saturated.
Palette
314FF0 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,86%,97%) |
#d9defc |
rgb(217,222,252) |
hsl(231,86%,92%) |
#c1cafa |
rgb(193,202,250) |
hsl(231,86%,87%) |
#aab5f9 |
rgb(170,181,249) |
hsl(231,86%,82%) |
#92a1f7 |
rgb(146,161,247) |
hsl(231,86%,77%) |
#7a8df5 |
rgb(122,141,245) |
hsl(231,86%,72%) |
#6278f3 |
rgb(98,120,243) |
hsl(231,86%,67%) |
#4b64f1 |
rgb(75,100,241) |
hsl(231,86%,62%) |
#334ff0 |
rgb(51,79,240) |
hsl(231,86%,57%) |
#1b3bee |
rgb(27,59,238) |
hsl(231,86%,52%) |
#1130df |
rgb(17,48,223) |
hsl(231,86%,47%) |
#0f2bc7 |
rgb(15,43,199) |
hsl(231,86%,42%) |
#0d26af |
rgb(13,38,175) |
hsl(231,86%,37%) |
#0b2098 |
rgb(11,32,152) |
hsl(231,86%,32%) |
#0a1b80 |
rgb(10,27,128) |
hsl(231,86%,27%) |
#081668 |
rgb(8,22,104) |
hsl(231,86%,22%) |
#061151 |
rgb(6,17,81) |
hsl(231,86%,17%) |
#040c39 |
rgb(4,12,57) |
hsl(231,86%,12%) |
#020721 |
rgb(2,7,33) |
hsl(231,86%,7%) |
#010209 |
rgb(1,2,9) |
hsl(231,86%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CFF0 |
rgb(49,207,240) |
hsl(190,86%,57%) |
#314FF0 |
rgb(49,79,240) |
hsl(231,86%,57%) |
#9230F0 |
rgb(146,48,240) |
hsl(271,86%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8799F6 |
rgb(135,153,246) |
hsl(230,86%,75%) |
#5C73F3 |
rgb(92,115,243) |
hsl(231,86%,66%) |
#314FF0 |
rgb(49,79,240) |
hsl(231,86%,57%) |
#1030E2 |
rgb(16,48,226) |
hsl(231,87%,47%) |
#0D29B7 |
rgb(13,41,183) |
hsl(230,87%,38%) |
#0A1F8C |
rgb(10,31,140) |
hsl(230,87%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#314FF0 |
rgb(49,79,240) |
hsl(231,86%,57%) |
#F07331 |
rgb(240,115,49) |
hsl(21,86%,57%) |
#AEF031 |
rgb(174,240,49) |
hsl(81,86%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314FF0 |
rgb(49,79,240) |
hsl(231,86%,57%) |
#F0D131 |
rgb(240,209,49) |
hsl(50,86%,57%) |
#31ADF0 |
rgb(49,173,240) |
hsl(201,86%,57%) |
#AEF031 |
rgb(174,240,49) |
hsl(81,86%,57%) |