HEX #304DC0 color — Cerulean Blue

The color #304dc0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

304dc0 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(228,60%,97%)
#dee3f7 rgb(222,227,247) hsl(228,60%,92%)
#cad2f2 rgb(202,210,242) hsl(228,60%,87%)
#b6c1ed rgb(182,193,237) hsl(228,60%,82%)
#a1afe8 rgb(161,175,232) hsl(228,60%,77%)
#8d9ee2 rgb(141,158,226) hsl(228,60%,72%)
#788ddd rgb(120,141,221) hsl(228,60%,67%)
#647bd8 rgb(100,123,216) hsl(228,60%,62%)
#506ad3 rgb(80,106,211) hsl(228,60%,57%)
#3b59ce rgb(59,89,206) hsl(228,60%,52%)
#304dc0 rgb(48,77,192) hsl(228,60%,47%)
#2b45ab rgb(43,69,171) hsl(228,60%,42%)
#263c97 rgb(38,60,151) hsl(228,60%,37%)
#213483 rgb(33,52,131) hsl(228,60%,32%)
#1c2c6e rgb(28,44,110) hsl(228,60%,27%)
#16245a rgb(22,36,90) hsl(228,60%,22%)
#111c45 rgb(17,28,69) hsl(228,60%,17%)
#0c1431 rgb(12,20,49) hsl(228,60%,12%)
#070b1d rgb(7,11,29) hsl(228,60%,7%)
#020308 rgb(2,3,8) hsl(228,60%,2%)

Adjacent colors

HEX RGB HSL
#30ADC0 rgb(48,173,192) hsl(188,60%,47%)
#304DC0 rgb(48,77,192) hsl(228,60%,47%)
#7330C0 rgb(115,48,192) hsl(268,60%,47%)

Monochromatic colors

HEX RGB HSL
#647DD8 rgb(100,125,216) hsl(227,60%,62%)
#4561D0 rgb(69,97,208) hsl(228,60%,54%)
#304DC0 rgb(48,77,192) hsl(228,60%,47%)
#2840A1 rgb(40,64,161) hsl(228,60%,39%)
#203682 rgb(32,54,130) hsl(227,60%,32%)
#182963 rgb(24,41,99) hsl(226,61%,24%)

Triad color palettes

HEX RGB HSL
#304DC0 rgb(48,77,192) hsl(228,60%,47%)
#C05C30 rgb(192,92,48) hsl(18,60%,47%)
#95BF30 rgb(149,191,48) hsl(78,60%,47%)

Tetrad color palettes

HEX RGB HSL
#304DC0 rgb(48,77,192) hsl(228,60%,47%)
#C0A330 rgb(192,163,48) hsl(48,60%,47%)
#3094C0 rgb(48,148,192) hsl(198,60%,47%)
#95BF30 rgb(149,191,48) hsl(78,60%,47%)