HEX #304FC1 color — Cerulean Blue
The color #304FC1 is a dark shade and moderately saturated.
Palette
304FC1 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fc |
rgb(243,245,252) |
hsl(227,60%,97%) |
#dee4f7 |
rgb(222,228,247) |
hsl(227,60%,92%) |
#cad3f2 |
rgb(202,211,242) |
hsl(227,60%,87%) |
#b6c1ed |
rgb(182,193,237) |
hsl(227,60%,82%) |
#a1b0e8 |
rgb(161,176,232) |
hsl(227,60%,77%) |
#8d9fe2 |
rgb(141,159,226) |
hsl(227,60%,72%) |
#788edd |
rgb(120,142,221) |
hsl(227,60%,67%) |
#647dd8 |
rgb(100,125,216) |
hsl(227,60%,62%) |
#506cd3 |
rgb(80,108,211) |
hsl(227,60%,57%) |
#3b5bce |
rgb(59,91,206) |
hsl(227,60%,52%) |
#304fc0 |
rgb(48,79,192) |
hsl(227,60%,47%) |
#2b47ab |
rgb(43,71,171) |
hsl(227,60%,42%) |
#263e97 |
rgb(38,62,151) |
hsl(227,60%,37%) |
#213683 |
rgb(33,54,131) |
hsl(227,60%,32%) |
#1c2d6e |
rgb(28,45,110) |
hsl(227,60%,27%) |
#16255a |
rgb(22,37,90) |
hsl(227,60%,22%) |
#111d45 |
rgb(17,29,69) |
hsl(227,60%,17%) |
#0c1431 |
rgb(12,20,49) |
hsl(227,60%,12%) |
#070c1d |
rgb(7,12,29) |
hsl(227,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(227,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30B0C1 |
rgb(48,176,193) |
hsl(187,60%,47%) |
#304FC1 |
rgb(48,79,193) |
hsl(227,60%,47%) |
#7130C1 |
rgb(113,48,193) |
hsl(267,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#657DD8 |
rgb(101,125,216) |
hsl(227,60%,62%) |
#4663D1 |
rgb(70,99,209) |
hsl(227,60%,55%) |
#304FC1 |
rgb(48,79,193) |
hsl(227,60%,47%) |
#2842A2 |
rgb(40,66,162) |
hsl(227,60%,40%) |
#203683 |
rgb(32,54,131) |
hsl(227,61%,32%) |
#182964 |
rgb(24,41,100) |
hsl(227,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#304FC1 |
rgb(48,79,193) |
hsl(227,60%,47%) |
#C15930 |
rgb(193,89,48) |
hsl(17,60%,47%) |
#97C230 |
rgb(151,194,48) |
hsl(78,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304FC1 |
rgb(48,79,193) |
hsl(227,60%,47%) |
#C1A330 |
rgb(193,163,48) |
hsl(48,60%,47%) |
#3096C1 |
rgb(48,150,193) |
hsl(198,60%,47%) |
#97C230 |
rgb(151,194,48) |
hsl(78,60%,47%) |