HEX #315C77 color — San Juan
The color #315c77 is a dark shade and moderately saturated.
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%) |