HEX #304DA3 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

304DA3 color palette from light to dark

HEX RGB HSL
#eff2fa rgb(239,242,250) hsl(225,55%,96%)
#dbe2f5 rgb(219,226,245) hsl(225,55%,91%)
#c8d1ef rgb(200,209,239) hsl(225,55%,86%)
#b4c1e9 rgb(180,193,233) hsl(225,55%,81%)
#a0b1e3 rgb(160,177,227) hsl(225,55%,76%)
#8ca1de rgb(140,161,222) hsl(225,55%,71%)
#7990d8 rgb(121,144,216) hsl(225,55%,66%)
#6580d2 rgb(101,128,210) hsl(225,55%,61%)
#5170cd rgb(81,112,205) hsl(225,55%,56%)
#3d60c7 rgb(61,96,199) hsl(225,55%,51%)
#3555b6 rgb(53,85,182) hsl(225,55%,46%)
#2f4ca2 rgb(47,76,162) hsl(225,55%,41%)
#29438e rgb(41,67,142) hsl(225,55%,36%)
#24397b rgb(36,57,123) hsl(225,55%,31%)
#1e3067 rgb(30,48,103) hsl(225,55%,26%)
#182753 rgb(24,39,83) hsl(225,55%,21%)
#121e3f rgb(18,30,63) hsl(225,55%,16%)
#0d142b rgb(13,20,43) hsl(225,55%,11%)
#070b18 rgb(7,11,24) hsl(225,55%,6%)
#010204 rgb(1,2,4) hsl(225,55%,1%)

Adjacent colors

HEX RGB HSL
#3099A3 rgb(48,153,163) hsl(185,55%,41%)
#304DA3 rgb(48,77,163) hsl(225,55%,41%)
#5F30A3 rgb(95,48,163) hsl(265,55%,41%)

Monochromatic colors

HEX RGB HSL
#4C6BCA rgb(76,107,202) hsl(225,54%,55%)
#3759BD rgb(55,89,189) hsl(225,55%,48%)
#304DA3 rgb(48,77,163) hsl(225,55%,41%)
#284088 rgb(40,64,136) hsl(225,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
#304DA3 rgb(48,77,163) hsl(225,55%,41%)
#A34D30 rgb(163,77,48) hsl(15,55%,41%)
#86A330 rgb(134,163,48) hsl(75,55%,41%)

Tetrad color palettes

HEX RGB HSL
#304DA3 rgb(48,77,163) hsl(225,55%,41%)
#A38730 rgb(163,135,48) hsl(45,55%,41%)
#3087A3 rgb(48,135,163) hsl(195,55%,41%)
#86A330 rgb(134,163,48) hsl(75,55%,41%)