HEX #304CBB color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304cbb color palette from light to dark

HEX RGB HSL
#eff1fb rgb(239,241,251) hsl(228,59%,96%)
#dbe0f6 rgb(219,224,246) hsl(228,59%,91%)
#c6cff0 rgb(198,207,240) hsl(228,59%,86%)
#b2bdeb rgb(178,189,235) hsl(228,59%,81%)
#9eace6 rgb(158,172,230) hsl(228,59%,76%)
#899be1 rgb(137,155,225) hsl(228,59%,71%)
#758adb rgb(117,138,219) hsl(228,59%,66%)
#6178d6 rgb(97,120,214) hsl(228,59%,61%)
#4d67d1 rgb(77,103,209) hsl(228,59%,56%)
#3856cc rgb(56,86,204) hsl(228,59%,51%)
#304cbb rgb(48,76,187) hsl(228,59%,46%)
#2b44a6 rgb(43,68,166) hsl(228,59%,41%)
#263b92 rgb(38,59,146) hsl(228,59%,36%)
#20337e rgb(32,51,126) hsl(228,59%,31%)
#1b2b69 rgb(27,43,105) hsl(228,59%,26%)
#162355 rgb(22,35,85) hsl(228,59%,21%)
#111a41 rgb(17,26,65) hsl(228,59%,16%)
#0c122d rgb(12,18,45) hsl(228,59%,11%)
#060a18 rgb(6,10,24) hsl(228,59%,6%)
#010204 rgb(1,2,4) hsl(228,59%,1%)

Adjacent colors

HEX RGB HSL
#30A8BB rgb(48,168,187) hsl(188,59%,46%)
#304CBB rgb(48,76,187) hsl(228,59%,46%)
#7030BB rgb(112,48,187) hsl(268,59%,46%)

Monochromatic colors

HEX RGB HSL
#6078D6 rgb(96,120,214) hsl(228,59%,61%)
#425ECE rgb(66,94,206) hsl(228,59%,53%)
#304CBB rgb(48,76,187) hsl(228,59%,46%)
#28409D rgb(40,64,157) hsl(228,59%,39%)
#20337F rgb(32,51,127) hsl(228,60%,31%)
#182661 rgb(24,38,97) hsl(228,60%,24%)

Triad color palettes

HEX RGB HSL
#304CBB rgb(48,76,187) hsl(228,59%,46%)
#BB5930 rgb(187,89,48) hsl(18,59%,46%)
#91BA30 rgb(145,186,48) hsl(78,59%,46%)

Tetrad color palettes

HEX RGB HSL
#304CBB rgb(48,76,187) hsl(228,59%,46%)
#BB9E30 rgb(187,158,48) hsl(47,59%,46%)
#3091BB rgb(48,145,187) hsl(198,59%,46%)
#91BA30 rgb(145,186,48) hsl(78,59%,46%)