HEX #304AC0 color — Cerulean Blue
The color #304AC0 is a dark shade and moderately saturated.
Palette
304AC0 color palette from light to dark
HEX |
RGB |
HSL |
#f3f4fc |
rgb(243,244,252) |
hsl(229,60%,97%) |
#dee3f7 |
rgb(222,227,247) |
hsl(229,60%,92%) |
#cad1f2 |
rgb(202,209,242) |
hsl(229,60%,87%) |
#b6c0ed |
rgb(182,192,237) |
hsl(229,60%,82%) |
#a1aee8 |
rgb(161,174,232) |
hsl(229,60%,77%) |
#8d9ce2 |
rgb(141,156,226) |
hsl(229,60%,72%) |
#788bdd |
rgb(120,139,221) |
hsl(229,60%,67%) |
#6479d8 |
rgb(100,121,216) |
hsl(229,60%,62%) |
#5068d3 |
rgb(80,104,211) |
hsl(229,60%,57%) |
#3b56ce |
rgb(59,86,206) |
hsl(229,60%,52%) |
#304ac0 |
rgb(48,74,192) |
hsl(229,60%,47%) |
#2b42ab |
rgb(43,66,171) |
hsl(229,60%,42%) |
#263a97 |
rgb(38,58,151) |
hsl(229,60%,37%) |
#213383 |
rgb(33,51,131) |
hsl(229,60%,32%) |
#1c2b6e |
rgb(28,43,110) |
hsl(229,60%,27%) |
#16235a |
rgb(22,35,90) |
hsl(229,60%,22%) |
#111b45 |
rgb(17,27,69) |
hsl(229,60%,17%) |
#0c1331 |
rgb(12,19,49) |
hsl(229,60%,12%) |
#070b1d |
rgb(7,11,29) |
hsl(229,60%,7%) |
#020308 |
rgb(2,3,8) |
hsl(229,60%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#30ABC0 |
rgb(48,171,192) |
hsl(189,60%,47%) |
#304AC0 |
rgb(48,74,192) |
hsl(229,60%,47%) |
#7630C0 |
rgb(118,48,192) |
hsl(269,60%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#647AD8 |
rgb(100,122,216) |
hsl(229,60%,62%) |
#455ED0 |
rgb(69,94,208) |
hsl(229,60%,54%) |
#304AC0 |
rgb(48,74,192) |
hsl(229,60%,47%) |
#283DA1 |
rgb(40,61,161) |
hsl(230,60%,39%) |
#203382 |
rgb(32,51,130) |
hsl(228,60%,32%) |
#182663 |
rgb(24,38,99) |
hsl(229,61%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#304AC0 |
rgb(48,74,192) |
hsl(229,60%,47%) |
#C05E30 |
rgb(192,94,48) |
hsl(19,60%,47%) |
#92BF30 |
rgb(146,191,48) |
hsl(79,60%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304AC0 |
rgb(48,74,192) |
hsl(229,60%,47%) |
#C0A630 |
rgb(192,166,48) |
hsl(49,60%,47%) |
#3091C0 |
rgb(48,145,192) |
hsl(200,60%,47%) |
#92BF30 |
rgb(146,191,48) |
hsl(79,60%,47%) |