HEX #304AC0 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AC0 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
#30ABC0 rgb(48,171,192) hsl(189,60%,47%)
#304AC0 rgb(48,74,192) hsl(229,60%,47%)
#7630C0 rgb(118,48,192) hsl(269,60%,47%)

Monochromatic colors

HEX RGB HSL
#647AD8 rgb(100,122,216) hsl(229,60%,62%)
#455ED0 rgb(69,94,208) hsl(229,60%,54%)
#304AC0 rgb(48,74,192) hsl(229,60%,47%)
#283DA1 rgb(40,61,161) hsl(230,60%,39%)
#203382 rgb(32,51,130) hsl(228,60%,32%)
#182663 rgb(24,38,99) hsl(229,61%,24%)

Triad color palettes

HEX RGB HSL
#304AC0 rgb(48,74,192) hsl(229,60%,47%)
#C05E30 rgb(192,94,48) hsl(19,60%,47%)
#92BF30 rgb(146,191,48) hsl(79,60%,47%)

Tetrad color palettes

HEX RGB HSL
#304AC0 rgb(48,74,192) hsl(229,60%,47%)
#C0A630 rgb(192,166,48) hsl(49,60%,47%)
#3091C0 rgb(48,145,192) hsl(200,60%,47%)
#92BF30 rgb(146,191,48) hsl(79,60%,47%)