HEX #316EAA color — Astral

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

Color codes

copy icon
copy icon
copy icon

Palette

316EAA color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(210,55%,98%)
#e3edf7 rgb(227,237,247) hsl(210,55%,93%)
#d0e0f1 rgb(208,224,241) hsl(210,55%,88%)
#bcd4eb rgb(188,212,235) hsl(210,55%,83%)
#a8c7e6 rgb(168,199,230) hsl(210,55%,78%)
#94bae0 rgb(148,186,224) hsl(210,55%,73%)
#81adda rgb(129,173,218) hsl(210,55%,68%)
#6da1d5 rgb(109,161,213) hsl(210,55%,63%)
#5994cf rgb(89,148,207) hsl(210,55%,58%)
#4587c9 rgb(69,135,201) hsl(210,55%,53%)
#377abe rgb(55,122,190) hsl(210,55%,48%)
#316eaa rgb(49,110,170) hsl(210,55%,43%)
#2c6196 rgb(44,97,150) hsl(210,55%,38%)
#265482 rgb(38,84,130) hsl(210,55%,33%)
#20476f rgb(32,71,111) hsl(210,55%,28%)
#1a3b5b rgb(26,59,91) hsl(210,55%,23%)
#152e47 rgb(21,46,71) hsl(210,55%,18%)
#0f2133 rgb(15,33,51) hsl(210,55%,13%)
#091420 rgb(9,20,32) hsl(210,55%,8%)
#03080c rgb(3,8,12) hsl(210,55%,3%)

Adjacent colors

HEX RGB HSL
#31AB95 rgb(49,171,149) hsl(169,55%,43%)
#316EAA rgb(49,110,170) hsl(210,55%,43%)
#4430AA rgb(68,48,170) hsl(250,56%,43%)

Monochromatic colors

HEX RGB HSL
#5391CD rgb(83,145,205) hsl(210,55%,56%)
#3880C5 rgb(56,128,197) hsl(209,56%,50%)
#316EAA rgb(49,110,170) hsl(210,55%,43%)
#295C8E rgb(41,92,142) hsl(210,55%,36%)
#214A73 rgb(33,74,115) hsl(210,55%,29%)
#193858 rgb(25,56,88) hsl(210,56%,22%)

Triad color palettes

HEX RGB HSL
#316EAA rgb(49,110,170) hsl(210,55%,43%)
#AA3031 rgb(170,48,49) hsl(360,56%,43%)
#AAA831 rgb(170,168,49) hsl(59,55%,43%)

Tetrad color palettes

HEX RGB HSL
#316EAA rgb(49,110,170) hsl(210,55%,43%)
#AA6E31 rgb(170,110,49) hsl(30,55%,43%)
#31ABA9 rgb(49,171,169) hsl(179,55%,43%)
#AAA831 rgb(170,168,49) hsl(59,55%,43%)