HEX #304AD3 color — Cerulean Blue
The color #304AD3 is a dark shade and moderately saturated.
Palette
304AD3 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fb |
rgb(238,240,251) |
hsl(230,65%,96%) |
#d9def7 |
rgb(217,222,247) |
hsl(230,65%,91%) |
#c4ccf3 |
rgb(196,204,243) |
hsl(230,65%,86%) |
#afbaee |
rgb(175,186,238) |
hsl(230,65%,81%) |
#9aa7ea |
rgb(154,167,234) |
hsl(230,65%,76%) |
#8595e5 |
rgb(133,149,229) |
hsl(230,65%,71%) |
#7083e1 |
rgb(112,131,225) |
hsl(230,65%,66%) |
#5b70dc |
rgb(91,112,220) |
hsl(230,65%,61%) |
#465ed8 |
rgb(70,94,216) |
hsl(230,65%,56%) |
#314cd3 |
rgb(49,76,211) |
hsl(230,65%,51%) |
#2942c2 |
rgb(41,66,194) |
hsl(230,65%,46%) |
#253bad |
rgb(37,59,173) |
hsl(230,65%,41%) |
#203497 |
rgb(32,52,151) |
hsl(230,65%,36%) |
#1c2d82 |
rgb(28,45,130) |
hsl(230,65%,31%) |
#17266d |
rgb(23,38,109) |
hsl(230,65%,26%) |
#131e58 |
rgb(19,30,88) |
hsl(230,65%,21%) |
#0e1743 |
rgb(14,23,67) |
hsl(230,65%,16%) |
#0a102e |
rgb(10,16,46) |
hsl(230,65%,11%) |
#050919 |
rgb(5,9,25) |
hsl(230,65%,6%) |
#010104 |
rgb(1,1,4) |
hsl(230,65%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B8D3 |
rgb(48,184,211) |
hsl(190,65%,51%) |
#304AD3 |
rgb(48,74,211) |
hsl(230,65%,51%) |
#8230D3 |
rgb(130,48,211) |
hsl(270,65%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7485E1 |
rgb(116,133,225) |
hsl(231,64%,67%) |
#5269DA |
rgb(82,105,218) |
hsl(230,65%,59%) |
#304AD3 |
rgb(48,74,211) |
hsl(230,65%,51%) |
#263DB3 |
rgb(38,61,179) |
hsl(230,65%,43%) |
#1E3091 |
rgb(30,48,145) |
hsl(231,66%,34%) |
#17266F |
rgb(23,38,111) |
hsl(230,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AD3 |
rgb(48,74,211) |
hsl(230,65%,51%) |
#D36930 |
rgb(211,105,48) |
hsl(21,65%,51%) |
#9BD430 |
rgb(155,212,48) |
hsl(81,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AD3 |
rgb(48,74,211) |
hsl(230,65%,51%) |
#D3BA30 |
rgb(211,186,48) |
hsl(51,65%,51%) |
#309CD3 |
rgb(48,156,211) |
hsl(200,65%,51%) |
#9BD430 |
rgb(155,212,48) |
hsl(81,66%,51%) |