HEX #304AC1 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AC1 color palette from light to dark

HEX RGB HSL
#f3f4fc rgb(243,244,252) hsl(229,60%,97%)
#dee3f7 rgb(222,227,247) hsl(229,60%,92%)
#cad1f2 rgb(202,209,242) hsl(229,60%,87%)
#b6c0ed rgb(182,192,237) hsl(229,60%,82%)
#a1aee8 rgb(161,174,232) hsl(229,60%,77%)
#8d9ce2 rgb(141,156,226) hsl(229,60%,72%)
#788bdd rgb(120,139,221) hsl(229,60%,67%)
#6479d8 rgb(100,121,216) hsl(229,60%,62%)
#5068d3 rgb(80,104,211) hsl(229,60%,57%)
#3b56ce rgb(59,86,206) hsl(229,60%,52%)
#304ac0 rgb(48,74,192) hsl(229,60%,47%)
#2b42ab rgb(43,66,171) hsl(229,60%,42%)
#263a97 rgb(38,58,151) hsl(229,60%,37%)
#213383 rgb(33,51,131) hsl(229,60%,32%)
#1c2b6e rgb(28,43,110) hsl(229,60%,27%)
#16235a rgb(22,35,90) hsl(229,60%,22%)
#111b45 rgb(17,27,69) hsl(229,60%,17%)
#0c1331 rgb(12,19,49) hsl(229,60%,12%)
#070b1d rgb(7,11,29) hsl(229,60%,7%)
#020308 rgb(2,3,8) hsl(229,60%,2%)

Adjacent colors

HEX RGB HSL
#30ABC1 rgb(48,171,193) hsl(189,60%,47%)
#304AC1 rgb(48,74,193) hsl(229,60%,47%)
#7630C1 rgb(118,48,193) hsl(269,60%,47%)

Monochromatic colors

HEX RGB HSL
#657AD8 rgb(101,122,216) hsl(229,60%,62%)
#465ED1 rgb(70,94,209) hsl(230,60%,55%)
#304AC1 rgb(48,74,193) hsl(229,60%,47%)
#283DA2 rgb(40,61,162) hsl(230,60%,40%)
#203383 rgb(32,51,131) hsl(228,61%,32%)
#182664 rgb(24,38,100) hsl(229,61%,24%)

Triad color palettes

HEX RGB HSL
#304AC1 rgb(48,74,193) hsl(229,60%,47%)
#C15E30 rgb(193,94,48) hsl(19,60%,47%)
#92C230 rgb(146,194,48) hsl(80,60%,47%)

Tetrad color palettes

HEX RGB HSL
#304AC1 rgb(48,74,193) hsl(229,60%,47%)
#C1A630 rgb(193,166,48) hsl(49,60%,47%)
#3091C1 rgb(48,145,193) hsl(200,60%,47%)
#92C230 rgb(146,194,48) hsl(80,60%,47%)