HEX #304FA3 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304FA3 color palette from light to dark

HEX RGB HSL
#eff2fa rgb(239,242,250) hsl(224,55%,96%)
#dbe2f5 rgb(219,226,245) hsl(224,55%,91%)
#c8d2ef rgb(200,210,239) hsl(224,55%,86%)
#b4c2e9 rgb(180,194,233) hsl(224,55%,81%)
#a0b2e3 rgb(160,178,227) hsl(224,55%,76%)
#8ca2de rgb(140,162,222) hsl(224,55%,71%)
#7992d8 rgb(121,146,216) hsl(224,55%,66%)
#6582d2 rgb(101,130,210) hsl(224,55%,61%)
#5172cd rgb(81,114,205) hsl(224,55%,56%)
#3d62c7 rgb(61,98,199) hsl(224,55%,51%)
#3557b6 rgb(53,87,182) hsl(224,55%,46%)
#2f4ea2 rgb(47,78,162) hsl(224,55%,41%)
#29448e rgb(41,68,142) hsl(224,55%,36%)
#243b7b rgb(36,59,123) hsl(224,55%,31%)
#1e3167 rgb(30,49,103) hsl(224,55%,26%)
#182853 rgb(24,40,83) hsl(224,55%,21%)
#121e3f rgb(18,30,63) hsl(224,55%,16%)
#0d152b rgb(13,21,43) hsl(224,55%,11%)
#070b18 rgb(7,11,24) hsl(224,55%,6%)
#010204 rgb(1,2,4) hsl(224,55%,1%)

Adjacent colors

HEX RGB HSL
#309CA3 rgb(48,156,163) hsl(184,55%,41%)
#304FA3 rgb(48,79,163) hsl(224,55%,41%)
#5D30A3 rgb(93,48,163) hsl(263,55%,41%)

Monochromatic colors

HEX RGB HSL
#4C6ECA rgb(76,110,202) hsl(224,54%,55%)
#375CBD rgb(55,92,189) hsl(223,55%,48%)
#304FA3 rgb(48,79,163) hsl(224,55%,41%)
#284288 rgb(40,66,136) hsl(224,55%,35%)
#20366E rgb(32,54,110) hsl(223,55%,28%)
#182954 rgb(24,41,84) hsl(223,56%,21%)

Triad color palettes

HEX RGB HSL
#304FA3 rgb(48,79,163) hsl(224,55%,41%)
#A34A30 rgb(163,74,48) hsl(14,55%,41%)
#88A330 rgb(136,163,48) hsl(74,55%,41%)

Tetrad color palettes

HEX RGB HSL
#304FA3 rgb(48,79,163) hsl(224,55%,41%)
#A38530 rgb(163,133,48) hsl(44,55%,41%)
#308AA3 rgb(48,138,163) hsl(193,55%,41%)
#88A330 rgb(136,163,48) hsl(74,55%,41%)