HEX #316196 color — Azure

The color #316196 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

316196 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(211,51%,99%)
#e8eff8 rgb(232,239,248) hsl(211,51%,94%)
#d5e2f1 rgb(213,226,241) hsl(211,51%,89%)
#c1d6eb rgb(193,214,235) hsl(211,51%,84%)
#aec9e5 rgb(174,201,229) hsl(211,51%,79%)
#9bbcdf rgb(155,188,223) hsl(211,51%,74%)
#88afd8 rgb(136,175,216) hsl(211,51%,69%)
#74a2d2 rgb(116,162,210) hsl(211,51%,64%)
#6195cc rgb(97,149,204) hsl(211,51%,59%)
#4e88c6 rgb(78,136,198) hsl(211,51%,54%)
#3d7bbd rgb(61,123,189) hsl(211,51%,49%)
#376ea9 rgb(55,110,169) hsl(211,51%,44%)
#316296 rgb(49,98,150) hsl(211,51%,39%)
#2a5583 rgb(42,85,131) hsl(211,51%,34%)
#244970 rgb(36,73,112) hsl(211,51%,29%)
#1e3c5c rgb(30,60,92) hsl(211,51%,24%)
#183049 rgb(24,48,73) hsl(211,51%,19%)
#112336 rgb(17,35,54) hsl(211,51%,14%)
#0b1723 rgb(11,23,35) hsl(211,51%,9%)
#050a0f rgb(5,10,15) hsl(211,51%,4%)

Adjacent colors

HEX RGB HSL
#319687 rgb(49,150,135) hsl(171,51%,39%)
#316196 rgb(49,97,150) hsl(211,51%,39%)
#443096 rgb(68,48,150) hsl(252,52%,39%)

Monochromatic colors

HEX RGB HSL
#3870AE rgb(56,112,174) hsl(212,51%,45%)
#316196 rgb(49,97,150) hsl(211,51%,39%)
#29527E rgb(41,82,126) hsl(211,51%,33%)
#214266 rgb(33,66,102) hsl(211,51%,26%)
#19334E rgb(25,51,78) hsl(211,51%,20%)
#112436 rgb(17,36,54) hsl(209,52%,14%)

Triad color palettes

HEX RGB HSL
#316196 rgb(49,97,150) hsl(211,51%,39%)
#963331 rgb(150,51,49) hsl(1,51%,39%)
#939631 rgb(147,150,49) hsl(62,51%,39%)

Tetrad color palettes

HEX RGB HSL
#316196 rgb(49,97,150) hsl(211,51%,39%)
#966631 rgb(150,102,49) hsl(31,51%,39%)
#319496 rgb(49,148,150) hsl(181,51%,39%)
#939631 rgb(147,150,49) hsl(62,51%,39%)