HEX #316DA5 color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

316da5 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
#31A68F rgb(49,166,143) hsl(168,54%,42%)
#316DA5 rgb(49,109,165) hsl(209,54%,42%)
#4230A5 rgb(66,48,165) hsl(249,55%,42%)

Monochromatic colors

HEX RGB HSL
#4F8FCA rgb(79,143,202) hsl(209,54%,55%)
#3880BF rgb(56,128,191) hsl(208,55%,48%)
#316DA5 rgb(49,109,165) hsl(209,54%,42%)
#295C8A rgb(41,92,138) hsl(208,54%,35%)
#214A70 rgb(33,74,112) hsl(209,54%,28%)
#193855 rgb(25,56,85) hsl(209,55%,22%)

Triad color palettes

HEX RGB HSL
#316DA5 rgb(49,109,165) hsl(209,54%,42%)
#A53033 rgb(165,48,51) hsl(358,55%,42%)
#A5A331 rgb(165,163,49) hsl(59,54%,42%)

Tetrad color palettes

HEX RGB HSL
#316DA5 rgb(49,109,165) hsl(209,54%,42%)
#A56931 rgb(165,105,49) hsl(29,54%,42%)
#31A6A3 rgb(49,166,163) hsl(178,54%,42%)
#A5A331 rgb(165,163,49) hsl(59,54%,42%)