HEX #314F77 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314f77 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(214,42%,98%)
#e6ecf5 rgb(230,236,245) hsl(214,42%,93%)
#d4dfed rgb(212,223,237) hsl(214,42%,88%)
#c1d1e6 rgb(193,209,230) hsl(214,42%,83%)
#afc4de rgb(175,196,222) hsl(214,42%,78%)
#9db6d7 rgb(157,182,215) hsl(214,42%,73%)
#8ba9d0 rgb(139,169,208) hsl(214,42%,68%)
#799bc8 rgb(121,155,200) hsl(214,42%,63%)
#678ec1 rgb(103,142,193) hsl(214,42%,58%)
#5580b9 rgb(85,128,185) hsl(214,42%,53%)
#4774ae rgb(71,116,174) hsl(214,42%,48%)
#40689c rgb(64,104,156) hsl(214,42%,43%)
#385b8a rgb(56,91,138) hsl(214,42%,38%)
#314f77 rgb(49,79,119) hsl(214,42%,33%)
#294365 rgb(41,67,101) hsl(214,42%,28%)
#223753 rgb(34,55,83) hsl(214,42%,23%)
#1b2b41 rgb(27,43,65) hsl(214,42%,18%)
#131f2f rgb(19,31,47) hsl(214,42%,13%)
#0c131d rgb(12,19,29) hsl(214,42%,8%)
#04070b rgb(4,7,11) hsl(214,42%,3%)

Adjacent colors

HEX RGB HSL
#317870 rgb(49,120,112) hsl(173,42%,33%)
#314F77 rgb(49,79,119) hsl(214,42%,33%)
#413077 rgb(65,48,119) hsl(254,43%,33%)

Monochromatic colors

HEX RGB HSL
#385C8A rgb(56,92,138) hsl(214,42%,38%)
#314F77 rgb(49,79,119) hsl(214,42%,33%)
#294263 rgb(41,66,99) hsl(214,41%,27%)
#213650 rgb(33,54,80) hsl(213,42%,22%)
#19293D rgb(25,41,61) hsl(213,42%,17%)
#111C2A rgb(17,28,42) hsl(214,42%,12%)

Triad color palettes

HEX RGB HSL
#314F77 rgb(49,79,119) hsl(214,42%,33%)
#773631 rgb(119,54,49) hsl(4,42%,33%)
#727831 rgb(114,120,49) hsl(65,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314F77 rgb(49,79,119) hsl(214,42%,33%)
#775931 rgb(119,89,49) hsl(34,42%,33%)
#317377 rgb(49,115,119) hsl(183,42%,33%)
#727831 rgb(114,120,49) hsl(65,42%,33%)