HEX #314FA8 color — Sapphire

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

Color codes

copy icon
copy icon
copy icon

Palette

314FA8 color palette from light to dark

HEX RGB HSL
#f7f8fd rgb(247,248,253) hsl(225,55%,98%)
#e3e8f7 rgb(227,232,247) hsl(225,55%,93%)
#d0d8f1 rgb(208,216,241) hsl(225,55%,88%)
#bcc8eb rgb(188,200,235) hsl(225,55%,83%)
#a8b7e6 rgb(168,183,230) hsl(225,55%,78%)
#94a7e0 rgb(148,167,224) hsl(225,55%,73%)
#8197da rgb(129,151,218) hsl(225,55%,68%)
#6d87d5 rgb(109,135,213) hsl(225,55%,63%)
#5976cf rgb(89,118,207) hsl(225,55%,58%)
#4566c9 rgb(69,102,201) hsl(225,55%,53%)
#3759be rgb(55,89,190) hsl(225,55%,48%)
#314faa rgb(49,79,170) hsl(225,55%,43%)
#2c4696 rgb(44,70,150) hsl(225,55%,38%)
#263d82 rgb(38,61,130) hsl(225,55%,33%)
#20346f rgb(32,52,111) hsl(225,55%,28%)
#1a2b5b rgb(26,43,91) hsl(225,55%,23%)
#152147 rgb(21,33,71) hsl(225,55%,18%)
#0f1833 rgb(15,24,51) hsl(225,55%,13%)
#090f20 rgb(9,15,32) hsl(225,55%,8%)
#03060c rgb(3,6,12) hsl(225,55%,3%)

Adjacent colors

HEX RGB HSL
#319EA8 rgb(49,158,168) hsl(185,55%,43%)
#314FA8 rgb(49,79,168) hsl(225,55%,43%)
#6230A8 rgb(98,48,168) hsl(265,56%,42%)

Monochromatic colors

HEX RGB HSL
#5170CC rgb(81,112,204) hsl(225,55%,56%)
#385CC2 rgb(56,92,194) hsl(224,55%,49%)
#314FA8 rgb(49,79,168) hsl(225,55%,43%)
#29428D rgb(41,66,141) hsl(225,55%,36%)
#213672 rgb(33,54,114) hsl(224,55%,29%)
#192957 rgb(25,41,87) hsl(225,55%,22%)

Triad color palettes

HEX RGB HSL
#314FA8 rgb(49,79,168) hsl(225,55%,43%)
#A84F31 rgb(168,79,49) hsl(15,55%,43%)
#8AA831 rgb(138,168,49) hsl(75,55%,43%)

Tetrad color palettes

HEX RGB HSL
#314FA8 rgb(49,79,168) hsl(225,55%,43%)
#A88A31 rgb(168,138,49) hsl(45,55%,43%)
#318AA8 rgb(49,138,168) hsl(195,55%,43%)
#8AA831 rgb(138,168,49) hsl(75,55%,43%)