HEX #315A77 color — San Juan

The color #315a77 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

315a77 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(205,42%,98%)
#e6eef5 rgb(230,238,245) hsl(205,42%,93%)
#d4e3ed rgb(212,227,237) hsl(205,42%,88%)
#c1d7e6 rgb(193,215,230) hsl(205,42%,83%)
#afcbde rgb(175,203,222) hsl(205,42%,78%)
#9dbfd7 rgb(157,191,215) hsl(205,42%,73%)
#8bb3d0 rgb(139,179,208) hsl(205,42%,68%)
#79a7c8 rgb(121,167,200) hsl(205,42%,63%)
#679bc1 rgb(103,155,193) hsl(205,42%,58%)
#5590b9 rgb(85,144,185) hsl(205,42%,53%)
#4783ae rgb(71,131,174) hsl(205,42%,48%)
#40759c rgb(64,117,156) hsl(205,42%,43%)
#38688a rgb(56,104,138) hsl(205,42%,38%)
#315a77 rgb(49,90,119) hsl(205,42%,33%)
#294c65 rgb(41,76,101) hsl(205,42%,28%)
#223f53 rgb(34,63,83) hsl(205,42%,23%)
#1b3141 rgb(27,49,65) hsl(205,42%,18%)
#13232f rgb(19,35,47) hsl(205,42%,13%)
#0c161d rgb(12,22,29) hsl(205,42%,8%)
#04080b rgb(4,8,11) hsl(205,42%,3%)

Adjacent colors

HEX RGB HSL
#317865 rgb(49,120,101) hsl(164,42%,33%)
#315A77 rgb(49,90,119) hsl(205,42%,33%)
#363077 rgb(54,48,119) hsl(245,43%,33%)

Monochromatic colors

HEX RGB HSL
#38698A rgb(56,105,138) hsl(204,42%,38%)
#315A77 rgb(49,90,119) hsl(205,42%,33%)
#294D63 rgb(41,77,99) hsl(203,41%,27%)
#213D50 rgb(33,61,80) hsl(204,42%,22%)
#192E3D rgb(25,46,61) hsl(205,42%,17%)
#11212A rgb(17,33,42) hsl(202,42%,12%)

Triad color palettes

HEX RGB HSL
#315A77 rgb(49,90,119) hsl(205,42%,33%)
#773037 rgb(119,48,55) hsl(354,43%,33%)
#777031 rgb(119,112,49) hsl(54,42%,33%)

Tetrad color palettes

HEX RGB HSL
#315A77 rgb(49,90,119) hsl(205,42%,33%)
#774F31 rgb(119,79,49) hsl(26,42%,33%)
#317871 rgb(49,120,113) hsl(174,42%,33%)
#777031 rgb(119,112,49) hsl(54,42%,33%)