HEX #314A78 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314A78 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(219,42%,98%)
#e6ebf5 rgb(230,235,245) hsl(219,42%,93%)
#d4dded rgb(212,221,237) hsl(219,42%,88%)
#c1cee6 rgb(193,206,230) hsl(219,42%,83%)
#afc0de rgb(175,192,222) hsl(219,42%,78%)
#9db1d7 rgb(157,177,215) hsl(219,42%,73%)
#8ba3d0 rgb(139,163,208) hsl(219,42%,68%)
#7995c8 rgb(121,149,200) hsl(219,42%,63%)
#6786c1 rgb(103,134,193) hsl(219,42%,58%)
#5578b9 rgb(85,120,185) hsl(219,42%,53%)
#476bae rgb(71,107,174) hsl(219,42%,48%)
#40609c rgb(64,96,156) hsl(219,42%,43%)
#38558a rgb(56,85,138) hsl(219,42%,38%)
#314a77 rgb(49,74,119) hsl(219,42%,33%)
#293e65 rgb(41,62,101) hsl(219,42%,28%)
#223353 rgb(34,51,83) hsl(219,42%,23%)
#1b2841 rgb(27,40,65) hsl(219,42%,18%)
#131d2f rgb(19,29,47) hsl(219,42%,13%)
#0c121d rgb(12,18,29) hsl(219,42%,8%)
#04070b rgb(4,7,11) hsl(219,42%,3%)

Adjacent colors

HEX RGB HSL
#317876 rgb(49,120,118) hsl(178,42%,33%)
#314A78 rgb(49,74,120) hsl(219,42%,33%)
#473078 rgb(71,48,120) hsl(259,43%,33%)

Monochromatic colors

HEX RGB HSL
#38578B rgb(56,87,139) hsl(218,43%,38%)
#314A78 rgb(49,74,120) hsl(219,42%,33%)
#293D64 rgb(41,61,100) hsl(220,42%,28%)
#213351 rgb(33,51,81) hsl(218,42%,22%)
#19263E rgb(25,38,62) hsl(219,43%,17%)
#111A2B rgb(17,26,43) hsl(219,43%,12%)

Triad color palettes

HEX RGB HSL
#314A78 rgb(49,74,120) hsl(219,42%,33%)
#783B31 rgb(120,59,49) hsl(8,42%,33%)
#6D7831 rgb(109,120,49) hsl(69,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314A78 rgb(49,74,120) hsl(219,42%,33%)
#785E31 rgb(120,94,49) hsl(38,42%,33%)
#316E78 rgb(49,110,120) hsl(188,42%,33%)
#6D7831 rgb(109,120,49) hsl(69,42%,33%)