HEX #314BF2 color — Royal Blue

The color #314bf2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314bf2 color palette from light to dark

HEX RGB HSL
#f1f2fe rgb(241,242,254) hsl(232,88%,97%)
#d9ddfd rgb(217,221,253) hsl(232,88%,92%)
#c1c8fb rgb(193,200,251) hsl(232,88%,87%)
#a9b3f9 rgb(169,179,249) hsl(232,88%,82%)
#919ff8 rgb(145,159,248) hsl(232,88%,77%)
#798af6 rgb(121,138,246) hsl(232,88%,72%)
#6175f5 rgb(97,117,245) hsl(232,88%,67%)
#4960f3 rgb(73,96,243) hsl(232,88%,62%)
#314bf2 rgb(49,75,242) hsl(232,88%,57%)
#1936f0 rgb(25,54,240) hsl(232,88%,52%)
#0e2be1 rgb(14,43,225) hsl(232,88%,47%)
#0d26c9 rgb(13,38,201) hsl(232,88%,42%)
#0b21b1 rgb(11,33,177) hsl(232,88%,37%)
#0a1d99 rgb(10,29,153) hsl(232,88%,32%)
#081881 rgb(8,24,129) hsl(232,88%,27%)
#071469 rgb(7,20,105) hsl(232,88%,22%)
#050f51 rgb(5,15,81) hsl(232,88%,17%)
#040b3a rgb(4,11,58) hsl(232,88%,12%)
#020622 rgb(2,6,34) hsl(232,88%,7%)
#01020a rgb(1,2,10) hsl(232,88%,2%)

Adjacent colors

HEX RGB HSL
#31CCF2 rgb(49,204,242) hsl(192,88%,57%)
#314BF2 rgb(49,75,242) hsl(232,88%,57%)
#9730F2 rgb(151,48,242) hsl(272,88%,57%)

Monochromatic colors

HEX RGB HSL
#8896F7 rgb(136,150,247) hsl(232,87%,75%)
#5C70F4 rgb(92,112,244) hsl(232,87%,66%)
#314BF2 rgb(49,75,242) hsl(232,88%,57%)
#0E2BE5 rgb(14,43,229) hsl(232,88%,48%)
#0B24BA rgb(11,36,186) hsl(231,89%,39%)
#081C8E rgb(8,28,142) hsl(231,89%,29%)

Triad color palettes

HEX RGB HSL
#314BF2 rgb(49,75,242) hsl(232,88%,57%)
#F27831 rgb(242,120,49) hsl(22,88%,57%)
#ABF231 rgb(171,242,49) hsl(82,88%,57%)

Tetrad color palettes

HEX RGB HSL
#314BF2 rgb(49,75,242) hsl(232,88%,57%)
#F2D931 rgb(242,217,49) hsl(52,88%,57%)
#31ABF2 rgb(49,171,242) hsl(202,88%,57%)
#ABF231 rgb(171,242,49) hsl(82,88%,57%)