HEX #315EA9 color — Azure

The color #315EA9 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

315EA9 color palette from light to dark

HEX RGB HSL
#f7f9fd rgb(247,249,253) hsl(218,55%,98%)
#e3ebf7 rgb(227,235,247) hsl(218,55%,93%)
#d0dcf1 rgb(208,220,241) hsl(218,55%,88%)
#bccdeb rgb(188,205,235) hsl(218,55%,83%)
#a8bfe6 rgb(168,191,230) hsl(218,55%,78%)
#94b0e0 rgb(148,176,224) hsl(218,55%,73%)
#81a1da rgb(129,161,218) hsl(218,55%,68%)
#6d93d5 rgb(109,147,213) hsl(218,55%,63%)
#5984cf rgb(89,132,207) hsl(218,55%,58%)
#4576c9 rgb(69,118,201) hsl(218,55%,53%)
#3768be rgb(55,104,190) hsl(218,55%,48%)
#315eaa rgb(49,94,170) hsl(218,55%,43%)
#2c5396 rgb(44,83,150) hsl(218,55%,38%)
#264882 rgb(38,72,130) hsl(218,55%,33%)
#203d6f rgb(32,61,111) hsl(218,55%,28%)
#1a325b rgb(26,50,91) hsl(218,55%,23%)
#152747 rgb(21,39,71) hsl(218,55%,18%)
#0f1c33 rgb(15,28,51) hsl(218,55%,13%)
#091120 rgb(9,17,32) hsl(218,55%,8%)
#03070c rgb(3,7,12) hsl(218,55%,3%)

Adjacent colors

HEX RGB HSL
#31A8A4 rgb(49,168,164) hsl(178,55%,43%)
#315EA9 rgb(49,94,169) hsl(218,55%,43%)
#5430A9 rgb(84,48,169) hsl(258,56%,43%)

Monochromatic colors

HEX RGB HSL
#5280CD rgb(82,128,205) hsl(218,55%,56%)
#386EC4 rgb(56,110,196) hsl(217,56%,49%)
#315EA9 rgb(49,94,169) hsl(218,55%,43%)
#294F8D rgb(41,79,141) hsl(217,55%,36%)
#214072 rgb(33,64,114) hsl(217,55%,29%)
#193057 rgb(25,48,87) hsl(218,55%,22%)

Triad color palettes

HEX RGB HSL
#315EA9 rgb(49,94,169) hsl(218,55%,43%)
#A94031 rgb(169,64,49) hsl(8,55%,43%)
#9AA831 rgb(154,168,49) hsl(67,55%,43%)

Tetrad color palettes

HEX RGB HSL
#315EA9 rgb(49,94,169) hsl(218,55%,43%)
#A97D31 rgb(169,125,49) hsl(38,55%,43%)
#3199A9 rgb(49,153,169) hsl(188,55%,43%)
#9AA831 rgb(154,168,49) hsl(67,55%,43%)