HEX #316BA3 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

316BA3 color palette from light to dark

HEX RGB HSL
#f3f7fb rgb(243,247,251) hsl(209,54%,97%)
#e0ebf6 rgb(224,235,246) hsl(209,54%,92%)
#ccdef0 rgb(204,222,240) hsl(209,54%,87%)
#b8d2ea rgb(184,210,234) hsl(209,54%,82%)
#a5c5e4 rgb(165,197,228) hsl(209,54%,77%)
#91b9de rgb(145,185,222) hsl(209,54%,72%)
#7dacd8 rgb(125,172,216) hsl(209,54%,67%)
#6aa0d2 rgb(106,160,210) hsl(209,54%,62%)
#5693cd rgb(86,147,205) hsl(209,54%,57%)
#4387c7 rgb(67,135,199) hsl(209,54%,52%)
#377ab9 rgb(55,122,185) hsl(209,54%,47%)
#316da5 rgb(49,109,165) hsl(209,54%,42%)
#2b6091 rgb(43,96,145) hsl(209,54%,37%)
#26537e rgb(38,83,126) hsl(209,54%,32%)
#20466a rgb(32,70,106) hsl(209,54%,27%)
#1a3956 rgb(26,57,86) hsl(209,54%,22%)
#142c43 rgb(20,44,67) hsl(209,54%,17%)
#0e1f2f rgb(14,31,47) hsl(209,54%,12%)
#08121b rgb(8,18,27) hsl(209,54%,7%)
#020508 rgb(2,5,8) hsl(209,54%,2%)

Adjacent colors

HEX RGB HSL
#31A38F rgb(49,163,143) hsl(169,54%,42%)
#316BA3 rgb(49,107,163) hsl(209,54%,42%)
#4330A3 rgb(67,48,163) hsl(250,55%,41%)

Monochromatic colors

HEX RGB HSL
#4E8CC9 rgb(78,140,201) hsl(210,53%,55%)
#387DBD rgb(56,125,189) hsl(209,54%,48%)
#316BA3 rgb(49,107,163) hsl(209,54%,42%)
#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
#316BA3 rgb(49,107,163) hsl(209,54%,42%)
#A33032 rgb(163,48,50) hsl(359,55%,41%)
#A3A331 rgb(163,163,49) hsl(60,54%,42%)

Tetrad color palettes

HEX RGB HSL
#316BA3 rgb(49,107,163) hsl(209,54%,42%)
#A36931 rgb(163,105,49) hsl(29,54%,42%)
#31A3A2 rgb(49,163,162) hsl(179,54%,42%)
#A3A331 rgb(163,163,49) hsl(60,54%,42%)