HEX #304DF3 color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304df3 color palette from light to dark

HEX RGB HSL
#f1f3fe rgb(241,243,254) hsl(231,89%,97%)
#d8defd rgb(216,222,253) hsl(231,89%,92%)
#c0c9fb rgb(192,201,251) hsl(231,89%,87%)
#a8b5fa rgb(168,181,250) hsl(231,89%,82%)
#90a0f9 rgb(144,160,249) hsl(231,89%,77%)
#788bf7 rgb(120,139,247) hsl(231,89%,72%)
#6076f6 rgb(96,118,246) hsl(231,89%,67%)
#4862f4 rgb(72,98,244) hsl(231,89%,62%)
#304df3 rgb(48,77,243) hsl(231,89%,57%)
#1838f2 rgb(24,56,242) hsl(231,89%,52%)
#0d2de3 rgb(13,45,227) hsl(231,89%,47%)
#0c28ca rgb(12,40,202) hsl(231,89%,42%)
#0a24b2 rgb(10,36,178) hsl(231,89%,37%)
#091f9a rgb(9,31,154) hsl(231,89%,32%)
#081a82 rgb(8,26,130) hsl(231,89%,27%)
#06156a rgb(6,21,106) hsl(231,89%,22%)
#051052 rgb(5,16,82) hsl(231,89%,17%)
#030c3a rgb(3,12,58) hsl(231,89%,12%)
#020722 rgb(2,7,34) hsl(231,89%,7%)
#01020a rgb(1,2,10) hsl(231,89%,2%)

Adjacent colors

HEX RGB HSL
#30CFF3 rgb(48,207,243) hsl(191,89%,57%)
#304DF3 rgb(48,77,243) hsl(231,89%,57%)
#9530F3 rgb(149,48,243) hsl(271,89%,57%)

Monochromatic colors

HEX RGB HSL
#8899F8 rgb(136,153,248) hsl(231,89%,75%)
#5C73F5 rgb(92,115,245) hsl(231,88%,66%)
#304DF3 rgb(48,77,243) hsl(231,89%,57%)
#0D2EE7 rgb(13,46,231) hsl(231,89%,48%)
#0A26BB rgb(10,38,187) hsl(231,90%,39%)
#081C8F rgb(8,28,143) hsl(231,89%,30%)

Triad color palettes

HEX RGB HSL
#304DF3 rgb(48,77,243) hsl(231,89%,57%)
#F37530 rgb(243,117,48) hsl(21,89%,57%)
#AEF230 rgb(174,242,48) hsl(81,88%,57%)

Tetrad color palettes

HEX RGB HSL
#304DF3 rgb(48,77,243) hsl(231,89%,57%)
#F3D630 rgb(243,214,48) hsl(51,89%,57%)
#30ADF3 rgb(48,173,243) hsl(202,89%,57%)
#AEF230 rgb(174,242,48) hsl(81,88%,57%)