HEX #304AD2 color — Cerulean Blue
The color #304AD2 is a dark shade and moderately saturated.
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%) |