HEX #304FC4 color — Cerulean Blue
The color #304FC4 is a dark shade and moderately saturated.
Palette
304FC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f8fd |
rgb(247,248,253) |
hsl(227,61%,98%) |
#e2e7f8 |
rgb(226,231,248) |
hsl(227,61%,93%) |
#ced6f3 |
rgb(206,214,243) |
hsl(227,61%,88%) |
#b9c5ee |
rgb(185,197,238) |
hsl(227,61%,83%) |
#a5b4e9 |
rgb(165,180,233) |
hsl(227,61%,78%) |
#90a2e4 |
rgb(144,162,228) |
hsl(227,61%,73%) |
#7c91df |
rgb(124,145,223) |
hsl(227,61%,68%) |
#6780da |
rgb(103,128,218) |
hsl(227,61%,63%) |
#536fd5 |
rgb(83,111,213) |
hsl(227,61%,58%) |
#3e5ed0 |
rgb(62,94,208) |
hsl(227,61%,53%) |
#3050c5 |
rgb(48,80,197) |
hsl(227,61%,48%) |
#2b48b1 |
rgb(43,72,177) |
hsl(227,61%,43%) |
#263f9c |
rgb(38,63,156) |
hsl(227,61%,38%) |
#213787 |
rgb(33,55,135) |
hsl(227,61%,33%) |
#1c2f73 |
rgb(28,47,115) |
hsl(227,61%,28%) |
#17265e |
rgb(23,38,94) |
hsl(227,61%,23%) |
#121e4a |
rgb(18,30,74) |
hsl(227,61%,18%) |
#0d1635 |
rgb(13,22,53) |
hsl(227,61%,13%) |
#080d21 |
rgb(8,13,33) |
hsl(227,61%,8%) |
#03050c |
rgb(3,5,12) |
hsl(227,61%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B3C4 |
rgb(48,179,196) |
hsl(187,61%,48%) |
#304FC4 |
rgb(48,79,196) |
hsl(227,61%,48%) |
#7330C4 |
rgb(115,48,196) |
hsl(267,61%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6880DA |
rgb(104,128,218) |
hsl(227,61%,63%) |
#4866D2 |
rgb(72,102,210) |
hsl(227,61%,55%) |
#304FC4 |
rgb(48,79,196) |
hsl(227,61%,48%) |
#2842A4 |
rgb(40,66,164) |
hsl(227,61%,40%) |
#203685 |
rgb(32,54,133) |
hsl(227,61%,32%) |
#182965 |
rgb(24,41,101) |
hsl(227,62%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FC4 |
rgb(48,79,196) |
hsl(227,61%,48%) |
#C45C30 |
rgb(196,92,48) |
hsl(18,61%,48%) |
#99C430 |
rgb(153,196,48) |
hsl(77,61%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FC4 |
rgb(48,79,196) |
hsl(227,61%,48%) |
#C4A630 |
rgb(196,166,48) |
hsl(48,61%,48%) |
#3099C4 |
rgb(48,153,196) |
hsl(197,61%,48%) |
#99C430 |
rgb(153,196,48) |
hsl(77,61%,48%) |