HEX #304FA4 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304FA4 color palette from light to dark

HEX RGB HSL
#f3f5fc rgb(243,245,252) hsl(224,55%,97%)
#dfe5f6 rgb(223,229,246) hsl(224,55%,92%)
#ccd5f0 rgb(204,213,240) hsl(224,55%,87%)
#b8c5ea rgb(184,197,234) hsl(224,55%,82%)
#a4b5e5 rgb(164,181,229) hsl(224,55%,77%)
#90a5df rgb(144,165,223) hsl(224,55%,72%)
#7d95d9 rgb(125,149,217) hsl(224,55%,67%)
#6985d3 rgb(105,133,211) hsl(224,55%,62%)
#5575ce rgb(85,117,206) hsl(224,55%,57%)
#4165c8 rgb(65,101,200) hsl(224,55%,52%)
#3659ba rgb(54,89,186) hsl(224,55%,47%)
#3050a6 rgb(48,80,166) hsl(224,55%,42%)
#2a4692 rgb(42,70,146) hsl(224,55%,37%)
#253d7e rgb(37,61,126) hsl(224,55%,32%)
#1f336b rgb(31,51,107) hsl(224,55%,27%)
#192a57 rgb(25,42,87) hsl(224,55%,22%)
#142043 rgb(20,32,67) hsl(224,55%,17%)
#0e172f rgb(14,23,47) hsl(224,55%,12%)
#080d1c rgb(8,13,28) hsl(224,55%,7%)
#020408 rgb(2,4,8) hsl(224,55%,2%)

Adjacent colors

HEX RGB HSL
#309CA4 rgb(48,156,164) hsl(184,55%,42%)
#304FA4 rgb(48,79,164) hsl(224,55%,42%)
#5E30A4 rgb(94,48,164) hsl(264,55%,42%)

Monochromatic colors

HEX RGB HSL
#4C6ECA rgb(76,110,202) hsl(224,54%,55%)
#375CBE rgb(55,92,190) hsl(224,55%,48%)
#304FA4 rgb(48,79,164) hsl(224,55%,42%)
#284289 rgb(40,66,137) hsl(224,55%,35%)
#20366F rgb(32,54,111) hsl(223,55%,28%)
#182955 rgb(24,41,85) hsl(223,56%,21%)

Triad color palettes

HEX RGB HSL
#304FA4 rgb(48,79,164) hsl(224,55%,42%)
#A44A30 rgb(164,74,48) hsl(13,55%,42%)
#89A330 rgb(137,163,48) hsl(74,55%,41%)

Tetrad color palettes

HEX RGB HSL
#304FA4 rgb(48,79,164) hsl(224,55%,42%)
#A48530 rgb(164,133,48) hsl(44,55%,42%)
#308AA4 rgb(48,138,164) hsl(193,55%,42%)
#89A330 rgb(137,163,48) hsl(74,55%,41%)