HEX #315EAA color — Azure

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

Color codes

copy icon
copy icon
copy icon

Palette

315EAA 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
#31ABA5 rgb(49,171,165) hsl(177,55%,43%)
#315EAA rgb(49,94,170) hsl(218,55%,43%)
#5430AA rgb(84,48,170) hsl(258,56%,43%)

Monochromatic colors

HEX RGB HSL
#5382CD rgb(83,130,205) hsl(217,55%,56%)
#386EC5 rgb(56,110,197) hsl(217,56%,50%)
#315EAA rgb(49,94,170) hsl(218,55%,43%)
#294F8E rgb(41,79,142) hsl(217,55%,36%)
#214073 rgb(33,64,115) hsl(217,55%,29%)
#193058 rgb(25,48,88) hsl(218,56%,22%)

Triad color palettes

HEX RGB HSL
#315EAA rgb(49,94,170) hsl(218,55%,43%)
#AA4031 rgb(170,64,49) hsl(7,55%,43%)
#9AAB31 rgb(154,171,49) hsl(68,55%,43%)

Tetrad color palettes

HEX RGB HSL
#315EAA rgb(49,94,170) hsl(218,55%,43%)
#AA7D31 rgb(170,125,49) hsl(38,55%,43%)
#319CAA rgb(49,156,170) hsl(187,55%,43%)
#9AAB31 rgb(154,171,49) hsl(68,55%,43%)