HEX #316BA0 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

316BA0 color palette from light to dark

HEX RGB HSL
#eff5fa rgb(239,245,250) hsl(209,53%,96%)
#dce8f4 rgb(220,232,244) hsl(209,53%,91%)
#c8dcee rgb(200,220,238) hsl(209,53%,86%)
#b5cfe8 rgb(181,207,232) hsl(209,53%,81%)
#a1c3e2 rgb(161,195,226) hsl(209,53%,76%)
#8eb6dc rgb(142,182,220) hsl(209,53%,71%)
#7aaad6 rgb(122,170,214) hsl(209,53%,66%)
#679dd0 rgb(103,157,208) hsl(209,53%,61%)
#5391ca rgb(83,145,202) hsl(209,53%,56%)
#4084c4 rgb(64,132,196) hsl(209,53%,51%)
#3777b3 rgb(55,119,179) hsl(209,53%,46%)
#316aa0 rgb(49,106,160) hsl(209,53%,41%)
#2b5d8c rgb(43,93,140) hsl(209,53%,36%)
#255079 rgb(37,80,121) hsl(209,53%,31%)
#1f4365 rgb(31,67,101) hsl(209,53%,26%)
#193652 rgb(25,54,82) hsl(209,53%,21%)
#132a3e rgb(19,42,62) hsl(209,53%,16%)
#0d1d2b rgb(13,29,43) hsl(209,53%,11%)
#071017 rgb(7,16,23) hsl(209,53%,6%)
#010304 rgb(1,3,4) hsl(209,53%,1%)

Adjacent colors

HEX RGB HSL
#31A18B rgb(49,161,139) hsl(168,53%,41%)
#316BA0 rgb(49,107,160) hsl(209,53%,41%)
#4130A0 rgb(65,48,160) hsl(249,54%,41%)

Monochromatic colors

HEX RGB HSL
#4B8CC8 rgb(75,140,200) hsl(209,53%,54%)
#387DB9 rgb(56,125,185) hsl(208,54%,47%)
#316BA0 rgb(49,107,160) hsl(209,53%,41%)
#295986 rgb(41,89,134) hsl(209,53%,34%)
#214A6C rgb(33,74,108) hsl(207,53%,28%)
#193853 rgb(25,56,83) hsl(208,54%,21%)

Triad color palettes

HEX RGB HSL
#316BA0 rgb(49,107,160) hsl(209,53%,41%)
#A03033 rgb(160,48,51) hsl(358,54%,41%)
#A09E31 rgb(160,158,49) hsl(59,53%,41%)

Tetrad color palettes

HEX RGB HSL
#316BA0 rgb(49,107,160) hsl(209,53%,41%)
#A06631 rgb(160,102,49) hsl(29,53%,41%)
#31A19D rgb(49,161,157) hsl(178,53%,41%)
#A09E31 rgb(160,158,49) hsl(59,53%,41%)