HEX #304AC3 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AC3 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(229,60%,98%)
#e2e6f8 rgb(226,230,248) hsl(229,60%,93%)
#ced5f3 rgb(206,213,243) hsl(229,60%,88%)
#bac3ee rgb(186,195,238) hsl(229,60%,83%)
#a5b2e9 rgb(165,178,233) hsl(229,60%,78%)
#91a0e3 rgb(145,160,227) hsl(229,60%,73%)
#7c8ede rgb(124,142,222) hsl(229,60%,68%)
#687dd9 rgb(104,125,217) hsl(229,60%,63%)
#546bd4 rgb(84,107,212) hsl(229,60%,58%)
#3f5acf rgb(63,90,207) hsl(229,60%,53%)
#314cc4 rgb(49,76,196) hsl(229,60%,48%)
#2c44af rgb(44,68,175) hsl(229,60%,43%)
#273c9b rgb(39,60,155) hsl(229,60%,38%)
#223487 rgb(34,52,135) hsl(229,60%,33%)
#1d2c72 rgb(29,44,114) hsl(229,60%,28%)
#17245e rgb(23,36,94) hsl(229,60%,23%)
#121c49 rgb(18,28,73) hsl(229,60%,18%)
#0d1535 rgb(13,21,53) hsl(229,60%,13%)
#080d21 rgb(8,13,33) hsl(229,60%,8%)
#03050c rgb(3,5,12) hsl(229,60%,3%)

Adjacent colors

HEX RGB HSL
#30ABC3 rgb(48,171,195) hsl(190,60%,48%)
#304AC3 rgb(48,74,195) hsl(229,60%,48%)
#7830C3 rgb(120,48,195) hsl(269,60%,48%)

Monochromatic colors

HEX RGB HSL
#677AD9 rgb(103,122,217) hsl(230,60%,63%)
#4761D1 rgb(71,97,209) hsl(229,60%,55%)
#304AC3 rgb(48,74,195) hsl(229,60%,48%)
#283DA3 rgb(40,61,163) hsl(230,61%,40%)
#203384 rgb(32,51,132) hsl(229,61%,32%)
#182665 rgb(24,38,101) hsl(229,62%,25%)

Triad color palettes

HEX RGB HSL
#304AC3 rgb(48,74,195) hsl(229,60%,48%)
#C35E30 rgb(195,94,48) hsl(19,60%,48%)
#93C230 rgb(147,194,48) hsl(79,60%,47%)

Tetrad color palettes

HEX RGB HSL
#304AC3 rgb(48,74,195) hsl(229,60%,48%)
#C3A830 rgb(195,168,48) hsl(49,60%,48%)
#3094C3 rgb(48,148,195) hsl(199,60%,48%)
#93C230 rgb(147,194,48) hsl(79,60%,47%)