HEX #304FA5 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304FA5 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
#309EA5 rgb(48,158,165) hsl(184,55%,42%)
#304FA5 rgb(48,79,165) hsl(224,55%,42%)
#5F30A5 rgb(95,48,165) hsl(264,55%,42%)

Monochromatic colors

HEX RGB HSL
#4D70CB rgb(77,112,203) hsl(223,55%,55%)
#375CBF rgb(55,92,191) hsl(224,55%,48%)
#304FA5 rgb(48,79,165) hsl(224,55%,42%)
#28428A rgb(40,66,138) hsl(224,55%,35%)
#203670 rgb(32,54,112) hsl(224,56%,28%)
#182955 rgb(24,41,85) hsl(223,56%,21%)

Triad color palettes

HEX RGB HSL
#304FA5 rgb(48,79,165) hsl(224,55%,42%)
#A54D30 rgb(165,77,48) hsl(15,55%,42%)
#89A630 rgb(137,166,48) hsl(75,55%,42%)

Tetrad color palettes

HEX RGB HSL
#304FA5 rgb(48,79,165) hsl(224,55%,42%)
#A58730 rgb(165,135,48) hsl(45,55%,42%)
#308AA5 rgb(48,138,165) hsl(194,55%,42%)
#89A630 rgb(137,166,48) hsl(75,55%,42%)