HEX #314DF1 color — Royal Blue
The color #314DF1 is a dark shade and moderately saturated.
Palette
314DF1 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,87%,97%) |
#d9defc |
rgb(217,222,252) |
hsl(231,87%,92%) |
#c1cafb |
rgb(193,202,251) |
hsl(231,87%,87%) |
#a9b5f9 |
rgb(169,181,249) |
hsl(231,87%,82%) |
#91a1f7 |
rgb(145,161,247) |
hsl(231,87%,77%) |
#798cf6 |
rgb(121,140,246) |
hsl(231,87%,72%) |
#6278f4 |
rgb(98,120,244) |
hsl(231,87%,67%) |
#4a63f2 |
rgb(74,99,242) |
hsl(231,87%,62%) |
#324ff1 |
rgb(50,79,241) |
hsl(231,87%,57%) |
#1a3aef |
rgb(26,58,239) |
hsl(231,87%,52%) |
#102fe0 |
rgb(16,47,224) |
hsl(231,87%,47%) |
#0e2ac8 |
rgb(14,42,200) |
hsl(231,87%,42%) |
#0c25b0 |
rgb(12,37,176) |
hsl(231,87%,37%) |
#0b2099 |
rgb(11,32,153) |
hsl(231,87%,32%) |
#091b81 |
rgb(9,27,129) |
hsl(231,87%,27%) |
#071669 |
rgb(7,22,105) |
hsl(231,87%,22%) |
#061151 |
rgb(6,17,81) |
hsl(231,87%,17%) |
#040c39 |
rgb(4,12,57) |
hsl(231,87%,12%) |
#020721 |
rgb(2,7,33) |
hsl(231,87%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,87%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CCF1 |
rgb(49,204,241) |
hsl(192,87%,57%) |
#314DF1 |
rgb(49,77,241) |
hsl(231,87%,57%) |
#9530F1 |
rgb(149,48,241) |
hsl(271,87%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8799F6 |
rgb(135,153,246) |
hsl(230,86%,75%) |
#5C73F3 |
rgb(92,115,243) |
hsl(231,86%,66%) |
#314DF1 |
rgb(49,77,241) |
hsl(231,87%,57%) |
#0F2EE4 |
rgb(15,46,228) |
hsl(231,88%,48%) |
#0C26B8 |
rgb(12,38,184) |
hsl(231,88%,38%) |
#091C8D |
rgb(9,28,141) |
hsl(231,88%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DF1 |
rgb(49,77,241) |
hsl(231,87%,57%) |
#F17531 |
rgb(241,117,49) |
hsl(21,87%,57%) |
#ADF231 |
rgb(173,242,49) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DF1 |
rgb(49,77,241) |
hsl(231,87%,57%) |
#F1D631 |
rgb(241,214,49) |
hsl(52,87%,57%) |
#31ADF1 |
rgb(49,173,241) |
hsl(201,87%,57%) |
#ADF231 |
rgb(173,242,49) |
hsl(81,88%,57%) |