HEX #304AD2 color — Cerulean Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

304AD2 color palette from light to dark

HEX RGB HSL
#eef0fb rgb(238,240,251) hsl(230,64%,96%)
#d9def7 rgb(217,222,247) hsl(230,64%,91%)
#c4ccf2 rgb(196,204,242) hsl(230,64%,86%)
#b0baee rgb(176,186,238) hsl(230,64%,81%)
#9ba8e9 rgb(155,168,233) hsl(230,64%,76%)
#8695e4 rgb(134,149,228) hsl(230,64%,71%)
#7183e0 rgb(113,131,224) hsl(230,64%,66%)
#5c71db rgb(92,113,219) hsl(230,64%,61%)
#475fd7 rgb(71,95,215) hsl(230,64%,56%)
#324dd2 rgb(50,77,210) hsl(230,64%,51%)
#2a43c0 rgb(42,67,192) hsl(230,64%,46%)
#263cab rgb(38,60,171) hsl(230,64%,41%)
#213597 rgb(33,53,151) hsl(230,64%,36%)
#1c2d82 rgb(28,45,130) hsl(230,64%,31%)
#18266d rgb(24,38,109) hsl(230,64%,26%)
#131f58 rgb(19,31,88) hsl(230,64%,21%)
#0f1743 rgb(15,23,67) hsl(230,64%,16%)
#0a102e rgb(10,16,46) hsl(230,64%,11%)
#060919 rgb(6,9,25) hsl(230,64%,6%)
#010104 rgb(1,1,4) hsl(230,64%,1%)

Adjacent colors

HEX RGB HSL
#30B5D2 rgb(48,181,210) hsl(191,64%,51%)
#304AD2 rgb(48,74,210) hsl(230,64%,51%)
#8230D2 rgb(130,48,210) hsl(270,64%,51%)

Monochromatic colors

HEX RGB HSL
#7385E0 rgb(115,133,224) hsl(230,64%,66%)
#5169D9 rgb(81,105,217) hsl(229,64%,58%)
#304AD2 rgb(48,74,210) hsl(230,64%,51%)
#263DB2 rgb(38,61,178) hsl(230,65%,42%)
#1F3090 rgb(31,48,144) hsl(231,65%,34%)
#17266E rgb(23,38,110) hsl(230,65%,26%)

Triad color palettes

HEX RGB HSL
#304AD2 rgb(48,74,210) hsl(230,64%,51%)
#D26630 rgb(210,102,48) hsl(20,64%,51%)
#9BD130 rgb(155,209,48) hsl(80,64%,50%)

Tetrad color palettes

HEX RGB HSL
#304AD2 rgb(48,74,210) hsl(230,64%,51%)
#D2B830 rgb(210,184,48) hsl(50,64%,51%)
#309CD2 rgb(48,156,210) hsl(200,64%,51%)
#9BD130 rgb(155,209,48) hsl(80,64%,50%)