HEX #304DC5 color — Cerulean Blue
The color #304DC5 is a dark shade and moderately saturated.
Palette
304DC5 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(228,61%,98%) |
#e2e7f8 |
rgb(226,231,248) |
hsl(228,61%,93%) |
#ced5f3 |
rgb(206,213,243) |
hsl(228,61%,88%) |
#b9c4ee |
rgb(185,196,238) |
hsl(228,61%,83%) |
#a5b2e9 |
rgb(165,178,233) |
hsl(228,61%,78%) |
#90a1e4 |
rgb(144,161,228) |
hsl(228,61%,73%) |
#7c90df |
rgb(124,144,223) |
hsl(228,61%,68%) |
#677eda |
rgb(103,126,218) |
hsl(228,61%,63%) |
#536dd5 |
rgb(83,109,213) |
hsl(228,61%,58%) |
#3e5bd0 |
rgb(62,91,208) |
hsl(228,61%,53%) |
#304ec5 |
rgb(48,78,197) |
hsl(228,61%,48%) |
#2b46b1 |
rgb(43,70,177) |
hsl(228,61%,43%) |
#263d9c |
rgb(38,61,156) |
hsl(228,61%,38%) |
#213587 |
rgb(33,53,135) |
hsl(228,61%,33%) |
#1c2d73 |
rgb(28,45,115) |
hsl(228,61%,28%) |
#17255e |
rgb(23,37,94) |
hsl(228,61%,23%) |
#121d4a |
rgb(18,29,74) |
hsl(228,61%,18%) |
#0d1535 |
rgb(13,21,53) |
hsl(228,61%,13%) |
#080d21 |
rgb(8,13,33) |
hsl(228,61%,8%) |
#03050c |
rgb(3,5,12) |
hsl(228,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B0C5 |
rgb(48,176,197) |
hsl(188,61%,48%) |
#304DC5 |
rgb(48,77,197) |
hsl(228,61%,48%) |
#7630C5 |
rgb(118,48,197) |
hsl(268,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6880DA |
rgb(104,128,218) |
hsl(227,61%,63%) |
#4963D2 |
rgb(73,99,210) |
hsl(229,60%,55%) |
#304DC5 |
rgb(48,77,197) |
hsl(228,61%,48%) |
#2840A5 |
rgb(40,64,165) |
hsl(228,61%,40%) |
#203685 |
rgb(32,54,133) |
hsl(227,61%,32%) |
#182966 |
rgb(24,41,102) |
hsl(227,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DC5 |
rgb(48,77,197) |
hsl(228,61%,48%) |
#C55E30 |
rgb(197,94,48) |
hsl(19,61%,48%) |
#97C430 |
rgb(151,196,48) |
hsl(78,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DC5 |
rgb(48,77,197) |
hsl(228,61%,48%) |
#C5A830 |
rgb(197,168,48) |
hsl(48,61%,48%) |
#3096C5 |
rgb(48,150,197) |
hsl(199,61%,48%) |
#97C430 |
rgb(151,196,48) |
hsl(78,61%,48%) |