HEX #304AA4 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304AA4 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(227,55%,97%)
#dfe4f6 rgb(223,228,246) hsl(227,55%,92%)
#ccd4f0 rgb(204,212,240) hsl(227,55%,87%)
#b8c3ea rgb(184,195,234) hsl(227,55%,82%)
#a4b2e5 rgb(164,178,229) hsl(227,55%,77%)
#90a1df rgb(144,161,223) hsl(227,55%,72%)
#7d91d9 rgb(125,145,217) hsl(227,55%,67%)
#6980d3 rgb(105,128,211) hsl(227,55%,62%)
#556fce rgb(85,111,206) hsl(227,55%,57%)
#415ec8 rgb(65,94,200) hsl(227,55%,52%)
#3652ba rgb(54,82,186) hsl(227,55%,47%)
#304aa6 rgb(48,74,166) hsl(227,55%,42%)
#2a4192 rgb(42,65,146) hsl(227,55%,37%)
#25387e rgb(37,56,126) hsl(227,55%,32%)
#1f2f6b rgb(31,47,107) hsl(227,55%,27%)
#192757 rgb(25,39,87) hsl(227,55%,22%)
#141e43 rgb(20,30,67) hsl(227,55%,17%)
#0e152f rgb(14,21,47) hsl(227,55%,12%)
#080c1c rgb(8,12,28) hsl(227,55%,7%)
#020408 rgb(2,4,8) hsl(227,55%,2%)

Adjacent colors

HEX RGB HSL
#3096A4 rgb(48,150,164) hsl(187,55%,42%)
#304AA4 rgb(48,74,164) hsl(227,55%,42%)
#6330A4 rgb(99,48,164) hsl(266,55%,42%)

Monochromatic colors

HEX RGB HSL
#4C69CA rgb(76,105,202) hsl(226,54%,55%)
#3757BE rgb(55,87,190) hsl(226,55%,48%)
#304AA4 rgb(48,74,164) hsl(227,55%,42%)
#283D89 rgb(40,61,137) hsl(227,55%,35%)
#20336F rgb(32,51,111) hsl(226,55%,28%)
#182655 rgb(24,38,85) hsl(226,56%,21%)

Triad color palettes

HEX RGB HSL
#304AA4 rgb(48,74,164) hsl(227,55%,42%)
#A44F30 rgb(164,79,48) hsl(16,55%,42%)
#84A330 rgb(132,163,48) hsl(76,55%,41%)

Tetrad color palettes

HEX RGB HSL
#304AA4 rgb(48,74,164) hsl(227,55%,42%)
#A48A30 rgb(164,138,48) hsl(47,55%,42%)
#3085A4 rgb(48,133,164) hsl(196,55%,42%)
#84A330 rgb(132,163,48) hsl(76,55%,41%)