HEX #304AA3 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304AA3 color palette from light to dark

HEX RGB HSL
#eff2fa rgb(239,242,250) hsl(226,55%,96%)
#dbe1f5 rgb(219,225,245) hsl(226,55%,91%)
#c8d1ef rgb(200,209,239) hsl(226,55%,86%)
#b4c0e9 rgb(180,192,233) hsl(226,55%,81%)
#a0b0e3 rgb(160,176,227) hsl(226,55%,76%)
#8c9fde rgb(140,159,222) hsl(226,55%,71%)
#798fd8 rgb(121,143,216) hsl(226,55%,66%)
#657ed2 rgb(101,126,210) hsl(226,55%,61%)
#516ecd rgb(81,110,205) hsl(226,55%,56%)
#3d5dc7 rgb(61,93,199) hsl(226,55%,51%)
#3553b6 rgb(53,83,182) hsl(226,55%,46%)
#2f4aa2 rgb(47,74,162) hsl(226,55%,41%)
#29418e rgb(41,65,142) hsl(226,55%,36%)
#24387b rgb(36,56,123) hsl(226,55%,31%)
#1e2f67 rgb(30,47,103) hsl(226,55%,26%)
#182653 rgb(24,38,83) hsl(226,55%,21%)
#121d3f rgb(18,29,63) hsl(226,55%,16%)
#0d142b rgb(13,20,43) hsl(226,55%,11%)
#070b18 rgb(7,11,24) hsl(226,55%,6%)
#010204 rgb(1,2,4) hsl(226,55%,1%)

Adjacent colors

HEX RGB HSL
#3096A3 rgb(48,150,163) hsl(187,55%,41%)
#304AA3 rgb(48,74,163) hsl(226,55%,41%)
#6230A3 rgb(98,48,163) hsl(266,55%,41%)

Monochromatic colors

HEX RGB HSL
#4C69CA rgb(76,105,202) hsl(226,54%,55%)
#3757BD rgb(55,87,189) hsl(226,55%,48%)
#304AA3 rgb(48,74,163) hsl(226,55%,41%)
#283D88 rgb(40,61,136) hsl(227,55%,35%)
#20336E rgb(32,51,110) hsl(225,55%,28%)
#182654 rgb(24,38,84) hsl(226,56%,21%)

Triad color palettes

HEX RGB HSL
#304AA3 rgb(48,74,163) hsl(226,55%,41%)
#A34F30 rgb(163,79,48) hsl(16,55%,41%)
#83A330 rgb(131,163,48) hsl(77,55%,41%)

Tetrad color palettes

HEX RGB HSL
#304AA3 rgb(48,74,163) hsl(226,55%,41%)
#A38A30 rgb(163,138,48) hsl(47,55%,41%)
#3085A3 rgb(48,133,163) hsl(196,55%,41%)
#83A330 rgb(131,163,48) hsl(77,55%,41%)