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