HEX #316BA2 color — Azure

The color #316BA2 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316BA2 color palette from light to dark

HEX RGB HSL
#eff5fa rgb(239,245,250) hsl(209,54%,96%)
#dce8f4 rgb(220,232,244) hsl(209,54%,91%)
#c8dcef rgb(200,220,239) hsl(209,54%,86%)
#b4cfe9 rgb(180,207,233) hsl(209,54%,81%)
#a1c3e3 rgb(161,195,227) hsl(209,54%,76%)
#8db6dd rgb(141,182,221) hsl(209,54%,71%)
#79aad7 rgb(121,170,215) hsl(209,54%,66%)
#669dd1 rgb(102,157,209) hsl(209,54%,61%)
#5291cb rgb(82,145,203) hsl(209,54%,56%)
#3f84c6 rgb(63,132,198) hsl(209,54%,51%)
#3677b5 rgb(54,119,181) hsl(209,54%,46%)
#306aa1 rgb(48,106,161) hsl(209,54%,41%)
#2a5d8d rgb(42,93,141) hsl(209,54%,36%)
#24507a rgb(36,80,122) hsl(209,54%,31%)
#1e4366 rgb(30,67,102) hsl(209,54%,26%)
#193752 rgb(25,55,82) hsl(209,54%,21%)
#132a3f rgb(19,42,63) hsl(209,54%,16%)
#0d1d2b rgb(13,29,43) hsl(209,54%,11%)
#071018 rgb(7,16,24) hsl(209,54%,6%)
#010304 rgb(1,3,4) hsl(209,54%,1%)

Adjacent colors

HEX RGB HSL
#31A38D rgb(49,163,141) hsl(168,54%,42%)
#316BA2 rgb(49,107,162) hsl(209,54%,41%)
#4230A2 rgb(66,48,162) hsl(249,54%,41%)

Monochromatic colors

HEX RGB HSL
#4D8CC9 rgb(77,140,201) hsl(210,53%,55%)
#387DBB rgb(56,125,187) hsl(208,54%,48%)
#316BA2 rgb(49,107,162) hsl(209,54%,41%)
#295988 rgb(41,89,136) hsl(210,54%,35%)
#214A6E rgb(33,74,110) hsl(208,54%,28%)
#193854 rgb(25,56,84) hsl(208,54%,21%)

Triad color palettes

HEX RGB HSL
#316BA2 rgb(49,107,162) hsl(209,54%,41%)
#A23032 rgb(162,48,50) hsl(359,54%,41%)
#A2A131 rgb(162,161,49) hsl(59,54%,41%)

Tetrad color palettes

HEX RGB HSL
#316BA2 rgb(49,107,162) hsl(209,54%,41%)
#A26931 rgb(162,105,49) hsl(30,54%,41%)
#31A3A0 rgb(49,163,160) hsl(178,54%,42%)
#A2A131 rgb(162,161,49) hsl(59,54%,41%)