HEX #304DBA color — Cerulean Blue
The color #304DBA is a dark shade and moderately saturated.
Palette
304DBA color palette from light to dark
HEX |
RGB |
HSL |
#eff1fb |
rgb(239,241,251) |
hsl(227,59%,96%) |
#dbe0f6 |
rgb(219,224,246) |
hsl(227,59%,91%) |
#c6cff0 |
rgb(198,207,240) |
hsl(227,59%,86%) |
#b2beeb |
rgb(178,190,235) |
hsl(227,59%,81%) |
#9eade6 |
rgb(158,173,230) |
hsl(227,59%,76%) |
#899ce1 |
rgb(137,156,225) |
hsl(227,59%,71%) |
#758bdb |
rgb(117,139,219) |
hsl(227,59%,66%) |
#617ad6 |
rgb(97,122,214) |
hsl(227,59%,61%) |
#4d69d1 |
rgb(77,105,209) |
hsl(227,59%,56%) |
#3858cc |
rgb(56,88,204) |
hsl(227,59%,51%) |
#304ebb |
rgb(48,78,187) |
hsl(227,59%,46%) |
#2b46a6 |
rgb(43,70,166) |
hsl(227,59%,41%) |
#263d92 |
rgb(38,61,146) |
hsl(227,59%,36%) |
#20357e |
rgb(32,53,126) |
hsl(227,59%,31%) |
#1b2c69 |
rgb(27,44,105) |
hsl(227,59%,26%) |
#162455 |
rgb(22,36,85) |
hsl(227,59%,21%) |
#111b41 |
rgb(17,27,65) |
hsl(227,59%,16%) |
#0c132d |
rgb(12,19,45) |
hsl(227,59%,11%) |
#060a18 |
rgb(6,10,24) |
hsl(227,59%,6%) |
#010204 |
rgb(1,2,4) |
hsl(227,59%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30A8BA |
rgb(48,168,186) |
hsl(188,59%,46%) |
#304DBA |
rgb(48,77,186) |
hsl(227,59%,46%) |
#6F30BA |
rgb(111,48,186) |
hsl(267,59%,46%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5F78D5 |
rgb(95,120,213) |
hsl(227,58%,60%) |
#415ECE |
rgb(65,94,206) |
hsl(228,59%,53%) |
#304DBA |
rgb(48,77,186) |
hsl(227,59%,46%) |
#28409C |
rgb(40,64,156) |
hsl(228,59%,38%) |
#20367E |
rgb(32,54,126) |
hsl(226,59%,31%) |
#182960 |
rgb(24,41,96) |
hsl(226,60%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#304DBA |
rgb(48,77,186) |
hsl(227,59%,46%) |
#BA5930 |
rgb(186,89,48) |
hsl(18,59%,46%) |
#92BA30 |
rgb(146,186,48) |
hsl(77,59%,46%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#304DBA |
rgb(48,77,186) |
hsl(227,59%,46%) |
#BA9E30 |
rgb(186,158,48) |
hsl(48,59%,46%) |
#3091BA |
rgb(48,145,186) |
hsl(198,59%,46%) |
#92BA30 |
rgb(146,186,48) |
hsl(77,59%,46%) |