HEX #314DF2 color — Royal Blue
The color #314DF2 is a dark shade and moderately saturated.
Palette
314DF2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f3fe |
rgb(241,243,254) |
hsl(231,88%,97%) |
#d9defd |
rgb(217,222,253) |
hsl(231,88%,92%) |
#c1c9fb |
rgb(193,201,251) |
hsl(231,88%,87%) |
#a9b5f9 |
rgb(169,181,249) |
hsl(231,88%,82%) |
#91a0f8 |
rgb(145,160,248) |
hsl(231,88%,77%) |
#798cf6 |
rgb(121,140,246) |
hsl(231,88%,72%) |
#6177f5 |
rgb(97,119,245) |
hsl(231,88%,67%) |
#4962f3 |
rgb(73,98,243) |
hsl(231,88%,62%) |
#314ef2 |
rgb(49,78,242) |
hsl(231,88%,57%) |
#1939f0 |
rgb(25,57,240) |
hsl(231,88%,52%) |
#0e2ee1 |
rgb(14,46,225) |
hsl(231,88%,47%) |
#0d29c9 |
rgb(13,41,201) |
hsl(231,88%,42%) |
#0b24b1 |
rgb(11,36,177) |
hsl(231,88%,37%) |
#0a1f99 |
rgb(10,31,153) |
hsl(231,88%,32%) |
#081a81 |
rgb(8,26,129) |
hsl(231,88%,27%) |
#071669 |
rgb(7,22,105) |
hsl(231,88%,22%) |
#051151 |
rgb(5,17,81) |
hsl(231,88%,17%) |
#040c3a |
rgb(4,12,58) |
hsl(231,88%,12%) |
#020722 |
rgb(2,7,34) |
hsl(231,88%,7%) |
#01020a |
rgb(1,2,10) |
hsl(231,88%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#31CFF2 |
rgb(49,207,242) |
hsl(191,88%,57%) |
#314DF2 |
rgb(49,77,242) |
hsl(231,88%,57%) |
#9530F2 |
rgb(149,48,242) |
hsl(271,88%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8899F7 |
rgb(136,153,247) |
hsl(231,87%,75%) |
#5C73F4 |
rgb(92,115,244) |
hsl(231,87%,66%) |
#314DF2 |
rgb(49,77,242) |
hsl(231,88%,57%) |
#0E2EE5 |
rgb(14,46,229) |
hsl(231,88%,48%) |
#0B26BA |
rgb(11,38,186) |
hsl(231,89%,39%) |
#081C8E |
rgb(8,28,142) |
hsl(231,89%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#314DF2 |
rgb(49,77,242) |
hsl(231,88%,57%) |
#F27531 |
rgb(242,117,49) |
hsl(21,88%,57%) |
#ADF231 |
rgb(173,242,49) |
hsl(81,88%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314DF2 |
rgb(49,77,242) |
hsl(231,88%,57%) |
#F2D631 |
rgb(242,214,49) |
hsl(51,88%,57%) |
#31ADF2 |
rgb(49,173,242) |
hsl(201,88%,57%) |
#ADF231 |
rgb(173,242,49) |
hsl(81,88%,57%) |