HEX #304AF2 color — Royal Blue

The color #304AF2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304AF2 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
#30CCF2 rgb(48,204,242) hsl(192,88%,57%)
#304AF2 rgb(48,74,242) hsl(232,88%,57%)
#9730F2 rgb(151,48,242) hsl(272,88%,57%)

Monochromatic colors

HEX RGB HSL
#8796F7 rgb(135,150,247) hsl(232,88%,75%)
#5B70F4 rgb(91,112,244) hsl(232,87%,66%)
#304AF2 rgb(48,74,242) hsl(232,88%,57%)
#0E2BE5 rgb(14,43,229) hsl(232,88%,48%)
#0B24B9 rgb(11,36,185) hsl(231,89%,38%)
#081A8D rgb(8,26,141) hsl(232,89%,29%)

Triad color palettes

HEX RGB HSL
#304AF2 rgb(48,74,242) hsl(232,88%,57%)
#F27830 rgb(242,120,48) hsl(22,88%,57%)
#ABF230 rgb(171,242,48) hsl(82,88%,57%)

Tetrad color palettes

HEX RGB HSL
#304AF2 rgb(48,74,242) hsl(232,88%,57%)
#F2D930 rgb(242,217,48) hsl(52,88%,57%)
#30ABF2 rgb(48,171,242) hsl(202,88%,57%)
#ABF230 rgb(171,242,48) hsl(82,88%,57%)