HEX #304CBB color — Cerulean Blue
The color #304cbb is a dark shade and moderately saturated.
Palette
304cbb color palette from light to dark
HEX |
RGB |
HSL |
#eff1fb |
rgb(239,241,251) |
hsl(228,59%,96%) |
#dbe0f6 |
rgb(219,224,246) |
hsl(228,59%,91%) |
#c6cff0 |
rgb(198,207,240) |
hsl(228,59%,86%) |
#b2bdeb |
rgb(178,189,235) |
hsl(228,59%,81%) |
#9eace6 |
rgb(158,172,230) |
hsl(228,59%,76%) |
#899be1 |
rgb(137,155,225) |
hsl(228,59%,71%) |
#758adb |
rgb(117,138,219) |
hsl(228,59%,66%) |
#6178d6 |
rgb(97,120,214) |
hsl(228,59%,61%) |
#4d67d1 |
rgb(77,103,209) |
hsl(228,59%,56%) |
#3856cc |
rgb(56,86,204) |
hsl(228,59%,51%) |
#304cbb |
rgb(48,76,187) |
hsl(228,59%,46%) |
#2b44a6 |
rgb(43,68,166) |
hsl(228,59%,41%) |
#263b92 |
rgb(38,59,146) |
hsl(228,59%,36%) |
#20337e |
rgb(32,51,126) |
hsl(228,59%,31%) |
#1b2b69 |
rgb(27,43,105) |
hsl(228,59%,26%) |
#162355 |
rgb(22,35,85) |
hsl(228,59%,21%) |
#111a41 |
rgb(17,26,65) |
hsl(228,59%,16%) |
#0c122d |
rgb(12,18,45) |
hsl(228,59%,11%) |
#060a18 |
rgb(6,10,24) |
hsl(228,59%,6%) |
#010204 |
rgb(1,2,4) |
hsl(228,59%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8BB |
rgb(48,168,187) |
hsl(188,59%,46%) |
#304CBB |
rgb(48,76,187) |
hsl(228,59%,46%) |
#7030BB |
rgb(112,48,187) |
hsl(268,59%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6078D6 |
rgb(96,120,214) |
hsl(228,59%,61%) |
#425ECE |
rgb(66,94,206) |
hsl(228,59%,53%) |
#304CBB |
rgb(48,76,187) |
hsl(228,59%,46%) |
#28409D |
rgb(40,64,157) |
hsl(228,59%,39%) |
#20337F |
rgb(32,51,127) |
hsl(228,60%,31%) |
#182661 |
rgb(24,38,97) |
hsl(228,60%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#304CBB |
rgb(48,76,187) |
hsl(228,59%,46%) |
#BB5930 |
rgb(187,89,48) |
hsl(18,59%,46%) |
#91BA30 |
rgb(145,186,48) |
hsl(78,59%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304CBB |
rgb(48,76,187) |
hsl(228,59%,46%) |
#BB9E30 |
rgb(187,158,48) |
hsl(47,59%,46%) |
#3091BB |
rgb(48,145,187) |
hsl(198,59%,46%) |
#91BA30 |
rgb(145,186,48) |
hsl(78,59%,46%) |