HEX #304ACC color — Cerulean Blue
The color #304ACC is a dark shade and moderately saturated.
Palette
304ACC color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,62%,99%) |
#e6e9f9 |
rgb(230,233,249) |
hsl(230,62%,94%) |
#d2d7f4 |
rgb(210,215,244) |
hsl(230,62%,89%) |
#bdc5ef |
rgb(189,197,239) |
hsl(230,62%,84%) |
#a8b3eb |
rgb(168,179,235) |
hsl(230,62%,79%) |
#94a1e6 |
rgb(148,161,230) |
hsl(230,62%,74%) |
#7f8fe1 |
rgb(127,143,225) |
hsl(230,62%,69%) |
#6a7ddc |
rgb(106,125,220) |
hsl(230,62%,64%) |
#566bd7 |
rgb(86,107,215) |
hsl(230,62%,59%) |
#4159d2 |
rgb(65,89,210) |
hsl(230,62%,54%) |
#2f49ca |
rgb(47,73,202) |
hsl(230,62%,49%) |
#2b42b6 |
rgb(43,66,182) |
hsl(230,62%,44%) |
#263aa1 |
rgb(38,58,161) |
hsl(230,62%,39%) |
#21338c |
rgb(33,51,140) |
hsl(230,62%,34%) |
#1c2b78 |
rgb(28,43,120) |
hsl(230,62%,29%) |
#172463 |
rgb(23,36,99) |
hsl(230,62%,24%) |
#121c4e |
rgb(18,28,78) |
hsl(230,62%,19%) |
#0e153a |
rgb(14,21,58) |
hsl(230,62%,14%) |
#090d25 |
rgb(9,13,37) |
hsl(230,62%,9%) |
#040611 |
rgb(4,6,17) |
hsl(230,62%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3CC |
rgb(48,179,204) |
hsl(190,62%,49%) |
#304ACC |
rgb(48,74,204) |
hsl(230,62%,49%) |
#7E30CC |
rgb(126,48,204) |
hsl(270,62%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6F82DD |
rgb(111,130,221) |
hsl(230,62%,65%) |
#4E66D5 |
rgb(78,102,213) |
hsl(229,62%,57%) |
#304ACC |
rgb(48,74,204) |
hsl(230,62%,49%) |
#283DAB |
rgb(40,61,171) |
hsl(230,62%,41%) |
#20338A |
rgb(32,51,138) |
hsl(229,62%,33%) |
#18266A |
rgb(24,38,106) |
hsl(230,63%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#304ACC |
rgb(48,74,204) |
hsl(230,62%,49%) |
#CC6330 |
rgb(204,99,48) |
hsl(20,62%,49%) |
#98CC30 |
rgb(152,204,48) |
hsl(80,62%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304ACC |
rgb(48,74,204) |
hsl(230,62%,49%) |
#CCB330 |
rgb(204,179,48) |
hsl(50,62%,49%) |
#3099CC |
rgb(48,153,204) |
hsl(200,62%,49%) |
#98CC30 |
rgb(152,204,48) |
hsl(80,62%,49%) |