HEX #304AF1 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AF1 color palette from light to dark

HEX RGB HSL
#f1f2fe rgb(241,242,254) hsl(232,87%,97%)
#d9defc rgb(217,222,252) hsl(232,87%,92%)
#c1c9fb rgb(193,201,251) hsl(232,87%,87%)
#a9b4f9 rgb(169,180,249) hsl(232,87%,82%)
#919ff7 rgb(145,159,247) hsl(232,87%,77%)
#798af6 rgb(121,138,246) hsl(232,87%,72%)
#6275f4 rgb(98,117,244) hsl(232,87%,67%)
#4a60f2 rgb(74,96,242) hsl(232,87%,62%)
#324bf1 rgb(50,75,241) hsl(232,87%,57%)
#1a37ef rgb(26,55,239) hsl(232,87%,52%)
#102be0 rgb(16,43,224) hsl(232,87%,47%)
#0e27c8 rgb(14,39,200) hsl(232,87%,42%)
#0c22b0 rgb(12,34,176) hsl(232,87%,37%)
#0b1e99 rgb(11,30,153) hsl(232,87%,32%)
#091981 rgb(9,25,129) hsl(232,87%,27%)
#071469 rgb(7,20,105) hsl(232,87%,22%)
#061051 rgb(6,16,81) hsl(232,87%,17%)
#040b39 rgb(4,11,57) hsl(232,87%,12%)
#020621 rgb(2,6,33) hsl(232,87%,7%)
#01020a rgb(1,2,10) hsl(232,87%,2%)

Adjacent colors

HEX RGB HSL
#30C9F1 rgb(48,201,241) hsl(192,87%,57%)
#304AF1 rgb(48,74,241) hsl(232,87%,57%)
#9630F1 rgb(150,48,241) hsl(272,87%,57%)

Monochromatic colors

HEX RGB HSL
#8696F6 rgb(134,150,246) hsl(231,86%,75%)
#5B70F3 rgb(91,112,243) hsl(232,86%,65%)
#304AF1 rgb(48,74,241) hsl(232,87%,57%)
#0F2BE3 rgb(15,43,227) hsl(232,88%,47%)
#0C24B8 rgb(12,36,184) hsl(232,88%,38%)
#091C8C rgb(9,28,140) hsl(231,88%,29%)

Triad color palettes

HEX RGB HSL
#304AF1 rgb(48,74,241) hsl(232,87%,57%)
#F17530 rgb(241,117,48) hsl(21,87%,57%)
#AAF230 rgb(170,242,48) hsl(82,88%,57%)

Tetrad color palettes

HEX RGB HSL
#304AF1 rgb(48,74,241) hsl(232,87%,57%)
#F1D630 rgb(241,214,48) hsl(52,87%,57%)
#30ABF1 rgb(48,171,241) hsl(202,87%,57%)
#AAF230 rgb(170,242,48) hsl(82,88%,57%)