HEX #315C77 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

315c77 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(203,42%,98%)
#e6eff5 rgb(230,239,245) hsl(203,42%,93%)
#d4e3ed rgb(212,227,237) hsl(203,42%,88%)
#c1d8e6 rgb(193,216,230) hsl(203,42%,83%)
#afccde rgb(175,204,222) hsl(203,42%,78%)
#9dc1d7 rgb(157,193,215) hsl(203,42%,73%)
#8bb5d0 rgb(139,181,208) hsl(203,42%,68%)
#79aac8 rgb(121,170,200) hsl(203,42%,63%)
#679ec1 rgb(103,158,193) hsl(203,42%,58%)
#5593b9 rgb(85,147,185) hsl(203,42%,53%)
#4786ae rgb(71,134,174) hsl(203,42%,48%)
#40789c rgb(64,120,156) hsl(203,42%,43%)
#386a8a rgb(56,106,138) hsl(203,42%,38%)
#315c77 rgb(49,92,119) hsl(203,42%,33%)
#294e65 rgb(41,78,101) hsl(203,42%,28%)
#224053 rgb(34,64,83) hsl(203,42%,23%)
#1b3241 rgb(27,50,65) hsl(203,42%,18%)
#13242f rgb(19,36,47) hsl(203,42%,13%)
#0c161d rgb(12,22,29) hsl(203,42%,8%)
#04080b rgb(4,8,11) hsl(203,42%,3%)

Adjacent colors

HEX RGB HSL
#317863 rgb(49,120,99) hsl(162,42%,33%)
#315C77 rgb(49,92,119) hsl(203,42%,33%)
#343077 rgb(52,48,119) hsl(243,43%,33%)

Monochromatic colors

HEX RGB HSL
#386B8A rgb(56,107,138) hsl(203,42%,38%)
#315C77 rgb(49,92,119) hsl(203,42%,33%)
#294D63 rgb(41,77,99) hsl(203,41%,27%)
#214050 rgb(33,64,80) hsl(200,42%,22%)
#19303D rgb(25,48,61) hsl(202,42%,17%)
#11212A rgb(17,33,42) hsl(202,42%,12%)

Triad color palettes

HEX RGB HSL
#315C77 rgb(49,92,119) hsl(203,42%,33%)
#773039 rgb(119,48,57) hsl(352,43%,33%)
#777031 rgb(119,112,49) hsl(54,42%,33%)

Tetrad color palettes

HEX RGB HSL
#315C77 rgb(49,92,119) hsl(203,42%,33%)
#774D31 rgb(119,77,49) hsl(24,42%,33%)
#31786F rgb(49,120,111) hsl(172,42%,33%)
#777031 rgb(119,112,49) hsl(54,42%,33%)