HEX #314AA9 color — Sapphire

The color #314AA9 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314AA9 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(228,55%,98%)
#e3e7f7 rgb(227,231,247) hsl(228,55%,93%)
#d0d6f1 rgb(208,214,241) hsl(228,55%,88%)
#bcc5eb rgb(188,197,235) hsl(228,55%,83%)
#a8b4e6 rgb(168,180,230) hsl(228,55%,78%)
#94a3e0 rgb(148,163,224) hsl(228,55%,73%)
#8192da rgb(129,146,218) hsl(228,55%,68%)
#6d82d5 rgb(109,130,213) hsl(228,55%,63%)
#5971cf rgb(89,113,207) hsl(228,55%,58%)
#4560c9 rgb(69,96,201) hsl(228,55%,53%)
#3752be rgb(55,82,190) hsl(228,55%,48%)
#3149aa rgb(49,73,170) hsl(228,55%,43%)
#2c4196 rgb(44,65,150) hsl(228,55%,38%)
#263882 rgb(38,56,130) hsl(228,55%,33%)
#20306f rgb(32,48,111) hsl(228,55%,28%)
#1a275b rgb(26,39,91) hsl(228,55%,23%)
#151f47 rgb(21,31,71) hsl(228,55%,18%)
#0f1633 rgb(15,22,51) hsl(228,55%,13%)
#090e20 rgb(9,14,32) hsl(228,55%,8%)
#03050c rgb(3,5,12) hsl(228,55%,3%)

Adjacent colors

HEX RGB HSL
#3199A9 rgb(49,153,169) hsl(188,55%,43%)
#314AA9 rgb(49,74,169) hsl(228,55%,43%)
#6830A9 rgb(104,48,169) hsl(268,56%,43%)

Monochromatic colors

HEX RGB HSL
#526BCD rgb(82,107,205) hsl(228,55%,56%)
#3857C4 rgb(56,87,196) hsl(227,56%,49%)
#314AA9 rgb(49,74,169) hsl(228,55%,43%)
#293D8D rgb(41,61,141) hsl(228,55%,36%)
#213372 rgb(33,51,114) hsl(227,55%,29%)
#192657 rgb(25,38,87) hsl(227,55%,22%)

Triad color palettes

HEX RGB HSL
#314AA9 rgb(49,74,169) hsl(228,55%,43%)
#A95431 rgb(169,84,49) hsl(18,55%,43%)
#86A831 rgb(134,168,49) hsl(77,55%,43%)

Tetrad color palettes

HEX RGB HSL
#314AA9 rgb(49,74,169) hsl(228,55%,43%)
#A98F31 rgb(169,143,49) hsl(47,55%,43%)
#3187A9 rgb(49,135,169) hsl(197,55%,43%)
#86A831 rgb(134,168,49) hsl(77,55%,43%)