HEX #306BA3 color — Azure

The color #306BA3 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306BA3 color palette from light to dark

HEX RGB HSL
#eff5fa rgb(239,245,250) hsl(209,55%,96%)
#dbe8f5 rgb(219,232,245) hsl(209,55%,91%)
#c8dcef rgb(200,220,239) hsl(209,55%,86%)
#b4cfe9 rgb(180,207,233) hsl(209,55%,81%)
#a0c3e3 rgb(160,195,227) hsl(209,55%,76%)
#8cb6de rgb(140,182,222) hsl(209,55%,71%)
#79aad8 rgb(121,170,216) hsl(209,55%,66%)
#659dd2 rgb(101,157,210) hsl(209,55%,61%)
#5191cd rgb(81,145,205) hsl(209,55%,56%)
#3d84c7 rgb(61,132,199) hsl(209,55%,51%)
#3577b6 rgb(53,119,182) hsl(209,55%,46%)
#2f6aa2 rgb(47,106,162) hsl(209,55%,41%)
#295d8e rgb(41,93,142) hsl(209,55%,36%)
#24507b rgb(36,80,123) hsl(209,55%,31%)
#1e4467 rgb(30,68,103) hsl(209,55%,26%)
#183753 rgb(24,55,83) hsl(209,55%,21%)
#122a3f rgb(18,42,63) hsl(209,55%,16%)
#0d1d2b rgb(13,29,43) hsl(209,55%,11%)
#071018 rgb(7,16,24) hsl(209,55%,6%)
#010304 rgb(1,3,4) hsl(209,55%,1%)

Adjacent colors

HEX RGB HSL
#30A38E rgb(48,163,142) hsl(169,55%,41%)
#306BA3 rgb(48,107,163) hsl(209,55%,41%)
#4130A3 rgb(65,48,163) hsl(249,55%,41%)

Monochromatic colors

HEX RGB HSL
#4C8CCA rgb(76,140,202) hsl(210,54%,55%)
#377DBD rgb(55,125,189) hsl(209,55%,48%)
#306BA3 rgb(48,107,163) hsl(209,55%,41%)
#285988 rgb(40,89,136) hsl(209,55%,35%)
#204A6E rgb(32,74,110) hsl(208,55%,28%)
#183854 rgb(24,56,84) hsl(208,56%,21%)

Triad color palettes

HEX RGB HSL
#306BA3 rgb(48,107,163) hsl(209,55%,41%)
#A33031 rgb(163,48,49) hsl(359,55%,41%)
#A3A130 rgb(163,161,48) hsl(59,55%,41%)

Tetrad color palettes

HEX RGB HSL
#306BA3 rgb(48,107,163) hsl(209,55%,41%)
#A36930 rgb(163,105,48) hsl(30,55%,41%)
#30A3A1 rgb(48,163,161) hsl(179,55%,41%)
#A3A130 rgb(163,161,48) hsl(59,55%,41%)