HEX #316AAA color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

316aaa color palette from light to dark

HEX RGB HSL
#f7fafd rgb(247,250,253) hsl(212,55%,98%)
#e3ecf7 rgb(227,236,247) hsl(212,55%,93%)
#d0dff1 rgb(208,223,241) hsl(212,55%,88%)
#bcd2eb rgb(188,210,235) hsl(212,55%,83%)
#a8c5e6 rgb(168,197,230) hsl(212,55%,78%)
#94b8e0 rgb(148,184,224) hsl(212,55%,73%)
#81aada rgb(129,170,218) hsl(212,55%,68%)
#6d9dd5 rgb(109,157,213) hsl(212,55%,63%)
#5990cf rgb(89,144,207) hsl(212,55%,58%)
#4583c9 rgb(69,131,201) hsl(212,55%,53%)
#3776be rgb(55,118,190) hsl(212,55%,48%)
#316aaa rgb(49,106,170) hsl(212,55%,43%)
#2c5d96 rgb(44,93,150) hsl(212,55%,38%)
#265182 rgb(38,81,130) hsl(212,55%,33%)
#20456f rgb(32,69,111) hsl(212,55%,28%)
#1a385b rgb(26,56,91) hsl(212,55%,23%)
#152c47 rgb(21,44,71) hsl(212,55%,18%)
#0f2033 rgb(15,32,51) hsl(212,55%,13%)
#091420 rgb(9,20,32) hsl(212,55%,8%)
#03070c rgb(3,7,12) hsl(212,55%,3%)

Adjacent colors

HEX RGB HSL
#31AB99 rgb(49,171,153) hsl(171,55%,43%)
#316AAA rgb(49,106,170) hsl(212,55%,43%)
#4830AA rgb(72,48,170) hsl(252,56%,43%)

Monochromatic colors

HEX RGB HSL
#538CCD rgb(83,140,205) hsl(212,55%,56%)
#387AC5 rgb(56,122,197) hsl(212,56%,50%)
#316AAA rgb(49,106,170) hsl(212,55%,43%)
#29598E rgb(41,89,142) hsl(211,55%,36%)
#214773 rgb(33,71,115) hsl(212,55%,29%)
#193858 rgb(25,56,88) hsl(210,56%,22%)

Triad color palettes

HEX RGB HSL
#316AAA rgb(49,106,170) hsl(212,55%,43%)
#AA3631 rgb(170,54,49) hsl(2,55%,43%)
#A6AB31 rgb(166,171,49) hsl(62,55%,43%)

Tetrad color palettes

HEX RGB HSL
#316AAA rgb(49,106,170) hsl(212,55%,43%)
#AA7031 rgb(170,112,49) hsl(31,55%,43%)
#31A6AA rgb(49,166,170) hsl(182,55%,43%)
#A6AB31 rgb(166,171,49) hsl(62,55%,43%)