HEX #304AED color — Royal Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AED color palette from light to dark

HEX RGB HSL
#eceffd rgb(236,239,253) hsl(232,84%,96%)
#d5dafb rgb(213,218,251) hsl(232,84%,91%)
#bdc5f9 rgb(189,197,249) hsl(232,84%,86%)
#a6b1f7 rgb(166,177,247) hsl(232,84%,81%)
#8e9cf5 rgb(142,156,245) hsl(232,84%,76%)
#7787f3 rgb(119,135,243) hsl(232,84%,71%)
#5f73f1 rgb(95,115,241) hsl(232,84%,66%)
#485eef rgb(72,94,239) hsl(232,84%,61%)
#314aed rgb(49,74,237) hsl(232,84%,56%)
#1935eb rgb(25,53,235) hsl(232,84%,51%)
#132dd8 rgb(19,45,216) hsl(232,84%,46%)
#1128c0 rgb(17,40,192) hsl(232,84%,41%)
#0f23a9 rgb(15,35,169) hsl(232,84%,36%)
#0d1e91 rgb(13,30,145) hsl(232,84%,31%)
#0b197a rgb(11,25,122) hsl(232,84%,26%)
#091563 rgb(9,21,99) hsl(232,84%,21%)
#07104b rgb(7,16,75) hsl(232,84%,16%)
#040b34 rgb(4,11,52) hsl(232,84%,11%)
#02061c rgb(2,6,28) hsl(232,84%,6%)
#000105 rgb(0,1,5) hsl(232,84%,1%)

Adjacent colors

HEX RGB HSL
#30C7ED rgb(48,199,237) hsl(192,84%,56%)
#304AED rgb(48,74,237) hsl(232,84%,56%)
#9430ED rgb(148,48,237) hsl(272,84%,56%)

Monochromatic colors

HEX RGB HSL
#8394F4 rgb(131,148,244) hsl(231,84%,74%)
#596EF0 rgb(89,110,240) hsl(232,83%,65%)
#304AED rgb(48,74,237) hsl(232,84%,56%)
#132EDC rgb(19,46,220) hsl(232,84%,47%)
#0F26B2 rgb(15,38,178) hsl(232,84%,38%)
#0B1C88 rgb(11,28,136) hsl(232,85%,29%)

Triad color palettes

HEX RGB HSL
#304AED rgb(48,74,237) hsl(232,84%,56%)
#ED7530 rgb(237,117,48) hsl(22,84%,56%)
#A8ED30 rgb(168,237,48) hsl(82,84%,56%)

Tetrad color palettes

HEX RGB HSL
#304AED rgb(48,74,237) hsl(232,84%,56%)
#EDD430 rgb(237,212,48) hsl(52,84%,56%)
#30A8ED rgb(48,168,237) hsl(202,84%,56%)
#A8ED30 rgb(168,237,48) hsl(82,84%,56%)