HEX #304AC9 color — Cerulean Blue
The color #304AC9 is a dark shade and moderately saturated.
Palette
304AC9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfbfe |
rgb(251,251,254) |
hsl(230,61%,99%) |
#e6e9f9 |
rgb(230,233,249) |
hsl(230,61%,94%) |
#d2d8f4 |
rgb(210,216,244) |
hsl(230,61%,89%) |
#bdc6ef |
rgb(189,198,239) |
hsl(230,61%,84%) |
#a9b4ea |
rgb(169,180,234) |
hsl(230,61%,79%) |
#94a2e5 |
rgb(148,162,229) |
hsl(230,61%,74%) |
#8090e0 |
rgb(128,144,224) |
hsl(230,61%,69%) |
#6b7edb |
rgb(107,126,219) |
hsl(230,61%,64%) |
#576cd6 |
rgb(87,108,214) |
hsl(230,61%,59%) |
#425ad1 |
rgb(66,90,209) |
hsl(230,61%,54%) |
#314ac9 |
rgb(49,74,201) |
hsl(230,61%,49%) |
#2c43b5 |
rgb(44,67,181) |
hsl(230,61%,44%) |
#273ba0 |
rgb(39,59,160) |
hsl(230,61%,39%) |
#22338c |
rgb(34,51,140) |
hsl(230,61%,34%) |
#1d2c77 |
rgb(29,44,119) |
hsl(230,61%,29%) |
#182463 |
rgb(24,36,99) |
hsl(230,61%,24%) |
#131d4e |
rgb(19,29,78) |
hsl(230,61%,19%) |
#0e1539 |
rgb(14,21,57) |
hsl(230,61%,14%) |
#090e25 |
rgb(9,14,37) |
hsl(230,61%,9%) |
#040610 |
rgb(4,6,16) |
hsl(230,61%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B0C9 |
rgb(48,176,201) |
hsl(190,61%,49%) |
#304AC9 |
rgb(48,74,201) |
hsl(230,61%,49%) |
#7C30C9 |
rgb(124,48,201) |
hsl(270,61%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6C80DC |
rgb(108,128,220) |
hsl(229,62%,64%) |
#4C63D4 |
rgb(76,99,212) |
hsl(230,61%,56%) |
#304AC9 |
rgb(48,74,201) |
hsl(230,61%,49%) |
#283DA8 |
rgb(40,61,168) |
hsl(230,62%,41%) |
#203388 |
rgb(32,51,136) |
hsl(229,62%,33%) |
#182668 |
rgb(24,38,104) |
hsl(230,63%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AC9 |
rgb(48,74,201) |
hsl(230,61%,49%) |
#C96330 |
rgb(201,99,48) |
hsl(20,61%,49%) |
#96C930 |
rgb(150,201,48) |
hsl(80,61%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AC9 |
rgb(48,74,201) |
hsl(230,61%,49%) |
#C9B030 |
rgb(201,176,48) |
hsl(50,61%,49%) |
#3096C9 |
rgb(48,150,201) |
hsl(200,61%,49%) |
#96C930 |
rgb(150,201,48) |
hsl(80,61%,49%) |