HEX #304AD7 color — Cerulean Blue
The color #304AD7 is a dark shade and moderately saturated.
Palette
304AD7 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(231,68%,97%) |
#dde1f8 |
rgb(221,225,248) |
hsl(231,68%,92%) |
#c7cef4 |
rgb(199,206,244) |
hsl(231,68%,87%) |
#b2bbf0 |
rgb(178,187,240) |
hsl(231,68%,82%) |
#9ca8ec |
rgb(156,168,236) |
hsl(231,68%,77%) |
#8796e8 |
rgb(135,150,232) |
hsl(231,68%,72%) |
#7283e4 |
rgb(114,131,228) |
hsl(231,68%,67%) |
#5c70e0 |
rgb(92,112,224) |
hsl(231,68%,62%) |
#475ddc |
rgb(71,93,220) |
hsl(231,68%,57%) |
#314ad8 |
rgb(49,74,216) |
hsl(231,68%,52%) |
#263fc9 |
rgb(38,63,201) |
hsl(231,68%,47%) |
#2238b4 |
rgb(34,56,180) |
hsl(231,68%,42%) |
#1e319f |
rgb(30,49,159) |
hsl(231,68%,37%) |
#1a2b89 |
rgb(26,43,137) |
hsl(231,68%,32%) |
#162474 |
rgb(22,36,116) |
hsl(231,68%,27%) |
#121d5e |
rgb(18,29,94) |
hsl(231,68%,22%) |
#0e1749 |
rgb(14,23,73) |
hsl(231,68%,17%) |
#0a1033 |
rgb(10,16,51) |
hsl(231,68%,12%) |
#06091e |
rgb(6,9,30) |
hsl(231,68%,7%) |
#020309 |
rgb(2,3,9) |
hsl(231,68%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30BAD7 |
rgb(48,186,215) |
hsl(190,68%,52%) |
#304AD7 |
rgb(48,74,215) |
hsl(231,68%,52%) |
#8530D7 |
rgb(133,48,215) |
hsl(271,68%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7687E4 |
rgb(118,135,228) |
hsl(231,67%,68%) |
#5369DD |
rgb(83,105,221) |
hsl(230,67%,60%) |
#304AD7 |
rgb(48,74,215) |
hsl(231,68%,52%) |
#233BB9 |
rgb(35,59,185) |
hsl(230,68%,43%) |
#1C3095 |
rgb(28,48,149) |
hsl(230,68%,35%) |
#162472 |
rgb(22,36,114) |
hsl(231,68%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AD7 |
rgb(48,74,215) |
hsl(231,68%,52%) |
#D76930 |
rgb(215,105,48) |
hsl(20,68%,52%) |
#9DD630 |
rgb(157,214,48) |
hsl(81,67%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AD7 |
rgb(48,74,215) |
hsl(231,68%,52%) |
#D7BD30 |
rgb(215,189,48) |
hsl(51,68%,52%) |
#309ED7 |
rgb(48,158,215) |
hsl(200,68%,52%) |
#9DD630 |
rgb(157,214,48) |
hsl(81,67%,51%) |