HEX #314C77 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314c77 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(217,42%,98%)
#e6ebf5 rgb(230,235,245) hsl(217,42%,93%)
#d4dded rgb(212,221,237) hsl(217,42%,88%)
#c1cfe6 rgb(193,207,230) hsl(217,42%,83%)
#afc1de rgb(175,193,222) hsl(217,42%,78%)
#9db3d7 rgb(157,179,215) hsl(217,42%,73%)
#8ba5d0 rgb(139,165,208) hsl(217,42%,68%)
#7997c8 rgb(121,151,200) hsl(217,42%,63%)
#6789c1 rgb(103,137,193) hsl(217,42%,58%)
#557bb9 rgb(85,123,185) hsl(217,42%,53%)
#476eae rgb(71,110,174) hsl(217,42%,48%)
#40639c rgb(64,99,156) hsl(217,42%,43%)
#38578a rgb(56,87,138) hsl(217,42%,38%)
#314c77 rgb(49,76,119) hsl(217,42%,33%)
#294065 rgb(41,64,101) hsl(217,42%,28%)
#223553 rgb(34,53,83) hsl(217,42%,23%)
#1b2941 rgb(27,41,65) hsl(217,42%,18%)
#131e2f rgb(19,30,47) hsl(217,42%,13%)
#0c121d rgb(12,18,29) hsl(217,42%,8%)
#04070b rgb(4,7,11) hsl(217,42%,3%)

Adjacent colors

HEX RGB HSL
#317873 rgb(49,120,115) hsl(176,42%,33%)
#314C77 rgb(49,76,119) hsl(217,42%,33%)
#443077 rgb(68,48,119) hsl(257,43%,33%)

Monochromatic colors

HEX RGB HSL
#38598A rgb(56,89,138) hsl(216,42%,38%)
#314C77 rgb(49,76,119) hsl(217,42%,33%)
#294063 rgb(41,64,99) hsl(216,41%,27%)
#213350 rgb(33,51,80) hsl(217,42%,22%)
#19263D rgb(25,38,61) hsl(218,42%,17%)
#111C2A rgb(17,28,42) hsl(214,42%,12%)

Triad color palettes

HEX RGB HSL
#314C77 rgb(49,76,119) hsl(217,42%,33%)
#773831 rgb(119,56,49) hsl(6,42%,33%)
#6F7831 rgb(111,120,49) hsl(68,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314C77 rgb(49,76,119) hsl(217,42%,33%)
#775C31 rgb(119,92,49) hsl(37,42%,33%)
#317077 rgb(49,112,119) hsl(186,42%,33%)
#6F7831 rgb(111,120,49) hsl(68,42%,33%)