HEX #304DC5 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304DC5 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(228,61%,98%)
#e2e7f8 rgb(226,231,248) hsl(228,61%,93%)
#ced5f3 rgb(206,213,243) hsl(228,61%,88%)
#b9c4ee rgb(185,196,238) hsl(228,61%,83%)
#a5b2e9 rgb(165,178,233) hsl(228,61%,78%)
#90a1e4 rgb(144,161,228) hsl(228,61%,73%)
#7c90df rgb(124,144,223) hsl(228,61%,68%)
#677eda rgb(103,126,218) hsl(228,61%,63%)
#536dd5 rgb(83,109,213) hsl(228,61%,58%)
#3e5bd0 rgb(62,91,208) hsl(228,61%,53%)
#304ec5 rgb(48,78,197) hsl(228,61%,48%)
#2b46b1 rgb(43,70,177) hsl(228,61%,43%)
#263d9c rgb(38,61,156) hsl(228,61%,38%)
#213587 rgb(33,53,135) hsl(228,61%,33%)
#1c2d73 rgb(28,45,115) hsl(228,61%,28%)
#17255e rgb(23,37,94) hsl(228,61%,23%)
#121d4a rgb(18,29,74) hsl(228,61%,18%)
#0d1535 rgb(13,21,53) hsl(228,61%,13%)
#080d21 rgb(8,13,33) hsl(228,61%,8%)
#03050c rgb(3,5,12) hsl(228,61%,3%)

Adjacent colors

HEX RGB HSL
#30B0C5 rgb(48,176,197) hsl(188,61%,48%)
#304DC5 rgb(48,77,197) hsl(228,61%,48%)
#7630C5 rgb(118,48,197) hsl(268,61%,48%)

Monochromatic colors

HEX RGB HSL
#6880DA rgb(104,128,218) hsl(227,61%,63%)
#4963D2 rgb(73,99,210) hsl(229,60%,55%)
#304DC5 rgb(48,77,197) hsl(228,61%,48%)
#2840A5 rgb(40,64,165) hsl(228,61%,40%)
#203685 rgb(32,54,133) hsl(227,61%,32%)
#182966 rgb(24,41,102) hsl(227,62%,25%)

Triad color palettes

HEX RGB HSL
#304DC5 rgb(48,77,197) hsl(228,61%,48%)
#C55E30 rgb(197,94,48) hsl(19,61%,48%)
#97C430 rgb(151,196,48) hsl(78,61%,48%)

Tetrad color palettes

HEX RGB HSL
#304DC5 rgb(48,77,197) hsl(228,61%,48%)
#C5A830 rgb(197,168,48) hsl(48,61%,48%)
#3096C5 rgb(48,150,197) hsl(199,61%,48%)
#97C430 rgb(151,196,48) hsl(78,61%,48%)