HEX #304AD4 color — Cerulean Blue
The color #304AD4 is a dark shade and moderately saturated.
Palette
304AD4 color palette from light to dark
HEX |
RGB |
HSL |
#eef0fc |
rgb(238,240,252) |
hsl(230,66%,96%) |
#d9def7 |
rgb(217,222,247) |
hsl(230,66%,91%) |
#c4ccf3 |
rgb(196,204,243) |
hsl(230,66%,86%) |
#afb9ef |
rgb(175,185,239) |
hsl(230,66%,81%) |
#99a7ea |
rgb(153,167,234) |
hsl(230,66%,76%) |
#8495e6 |
rgb(132,149,230) |
hsl(230,66%,71%) |
#6f82e2 |
rgb(111,130,226) |
hsl(230,66%,66%) |
#5a70dd |
rgb(90,112,221) |
hsl(230,66%,61%) |
#455dd9 |
rgb(69,93,217) |
hsl(230,66%,56%) |
#304bd5 |
rgb(48,75,213) |
hsl(230,66%,51%) |
#2842c3 |
rgb(40,66,195) |
hsl(230,66%,46%) |
#243bae |
rgb(36,59,174) |
hsl(230,66%,41%) |
#1f3398 |
rgb(31,51,152) |
hsl(230,66%,36%) |
#1b2c83 |
rgb(27,44,131) |
hsl(230,66%,31%) |
#17256e |
rgb(23,37,110) |
hsl(230,66%,26%) |
#121e59 |
rgb(18,30,89) |
hsl(230,66%,21%) |
#0e1744 |
rgb(14,23,68) |
hsl(230,66%,16%) |
#0a102f |
rgb(10,16,47) |
hsl(230,66%,11%) |
#050919 |
rgb(5,9,25) |
hsl(230,66%,6%) |
#010104 |
rgb(1,1,4) |
hsl(230,66%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B8D4 |
rgb(48,184,212) |
hsl(190,66%,51%) |
#304AD4 |
rgb(48,74,212) |
hsl(230,66%,51%) |
#8330D4 |
rgb(131,48,212) |
hsl(270,66%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7487E2 |
rgb(116,135,226) |
hsl(230,65%,67%) |
#5269DB |
rgb(82,105,219) |
hsl(230,66%,59%) |
#304AD4 |
rgb(48,74,212) |
hsl(230,66%,51%) |
#253DB4 |
rgb(37,61,180) |
hsl(230,66%,43%) |
#1E3092 |
rgb(30,48,146) |
hsl(231,66%,35%) |
#17266F |
rgb(23,38,111) |
hsl(230,66%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AD4 |
rgb(48,74,212) |
hsl(230,66%,51%) |
#D46930 |
rgb(212,105,48) |
hsl(21,66%,51%) |
#9CD430 |
rgb(156,212,48) |
hsl(80,66%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AD4 |
rgb(48,74,212) |
hsl(230,66%,51%) |
#D4BA30 |
rgb(212,186,48) |
hsl(50,66%,51%) |
#309CD4 |
rgb(48,156,212) |
hsl(200,66%,51%) |
#9CD430 |
rgb(156,212,48) |
hsl(80,66%,51%) |