HEX #316BA7 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

316BA7 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(211,55%,97%)
#dfeaf6 rgb(223,234,246) hsl(211,55%,92%)
#ccddf0 rgb(204,221,240) hsl(211,55%,87%)
#b8d0ea rgb(184,208,234) hsl(211,55%,82%)
#a4c3e5 rgb(164,195,229) hsl(211,55%,77%)
#90b6df rgb(144,182,223) hsl(211,55%,72%)
#7da9d9 rgb(125,169,217) hsl(211,55%,67%)
#699cd3 rgb(105,156,211) hsl(211,55%,62%)
#558fce rgb(85,143,206) hsl(211,55%,57%)
#4182c8 rgb(65,130,200) hsl(211,55%,52%)
#3676ba rgb(54,118,186) hsl(211,55%,47%)
#3069a6 rgb(48,105,166) hsl(211,55%,42%)
#2a5d92 rgb(42,93,146) hsl(211,55%,37%)
#25507e rgb(37,80,126) hsl(211,55%,32%)
#1f446b rgb(31,68,107) hsl(211,55%,27%)
#193757 rgb(25,55,87) hsl(211,55%,22%)
#142b43 rgb(20,43,67) hsl(211,55%,17%)
#0e1e2f rgb(14,30,47) hsl(211,55%,12%)
#08121c rgb(8,18,28) hsl(211,55%,7%)
#020508 rgb(2,5,8) hsl(211,55%,2%)

Adjacent colors

HEX RGB HSL
#31A694 rgb(49,166,148) hsl(171,54%,42%)
#316BA7 rgb(49,107,167) hsl(211,55%,42%)
#4530A7 rgb(69,48,167) hsl(251,55%,42%)

Monochromatic colors

HEX RGB HSL
#518CCB rgb(81,140,203) hsl(211,54%,56%)
#387DC1 rgb(56,125,193) hsl(210,55%,49%)
#316BA7 rgb(49,107,167) hsl(211,55%,42%)
#29598C rgb(41,89,140) hsl(211,55%,35%)
#214A71 rgb(33,74,113) hsl(209,55%,29%)
#193856 rgb(25,56,86) hsl(210,55%,22%)

Triad color palettes

HEX RGB HSL
#316BA7 rgb(49,107,167) hsl(211,55%,42%)
#A73331 rgb(167,51,49) hsl(1,55%,42%)
#A6A631 rgb(166,166,49) hsl(60,54%,42%)

Tetrad color palettes

HEX RGB HSL
#316BA7 rgb(49,107,167) hsl(211,55%,42%)
#A76E31 rgb(167,110,49) hsl(31,55%,42%)
#31A6A7 rgb(49,166,167) hsl(181,55%,42%)
#A6A631 rgb(166,166,49) hsl(60,54%,42%)