HEX #314D77 color — San Juan
The color #314D77 is a dark shade and moderately saturated.
Palette
314D77 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f9fc |
rgb(248,249,252) |
hsl(216,42%,98%) |
| #e6ecf5 |
rgb(230,236,245) |
hsl(216,42%,93%) |
| #d4deed |
rgb(212,222,237) |
hsl(216,42%,88%) |
| #c1d0e6 |
rgb(193,208,230) |
hsl(216,42%,83%) |
| #afc2de |
rgb(175,194,222) |
hsl(216,42%,78%) |
| #9db4d7 |
rgb(157,180,215) |
hsl(216,42%,73%) |
| #8ba7d0 |
rgb(139,167,208) |
hsl(216,42%,68%) |
| #7999c8 |
rgb(121,153,200) |
hsl(216,42%,63%) |
| #678bc1 |
rgb(103,139,193) |
hsl(216,42%,58%) |
| #557db9 |
rgb(85,125,185) |
hsl(216,42%,53%) |
| #4770ae |
rgb(71,112,174) |
hsl(216,42%,48%) |
| #40649c |
rgb(64,100,156) |
hsl(216,42%,43%) |
| #38598a |
rgb(56,89,138) |
hsl(216,42%,38%) |
| #314d77 |
rgb(49,77,119) |
hsl(216,42%,33%) |
| #294165 |
rgb(41,65,101) |
hsl(216,42%,28%) |
| #223653 |
rgb(34,54,83) |
hsl(216,42%,23%) |
| #1b2a41 |
rgb(27,42,65) |
hsl(216,42%,18%) |
| #131e2f |
rgb(19,30,47) |
hsl(216,42%,13%) |
| #0c131d |
rgb(12,19,29) |
hsl(216,42%,8%) |
| #04070b |
rgb(4,7,11) |
hsl(216,42%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #317872 |
rgb(49,120,114) |
hsl(175,42%,33%) |
| #314D77 |
rgb(49,77,119) |
hsl(216,42%,33%) |
| #433077 |
rgb(67,48,119) |
hsl(256,43%,33%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #38598A |
rgb(56,89,138) |
hsl(216,42%,38%) |
| #314D77 |
rgb(49,77,119) |
hsl(216,42%,33%) |
| #294063 |
rgb(41,64,99) |
hsl(216,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 |
| #314D77 |
rgb(49,77,119) |
hsl(216,42%,33%) |
| #773831 |
rgb(119,56,49) |
hsl(6,42%,33%) |
| #707831 |
rgb(112,120,49) |
hsl(67,42%,33%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314D77 |
rgb(49,77,119) |
hsl(216,42%,33%) |
| #775C31 |
rgb(119,92,49) |
hsl(37,42%,33%) |
| #317077 |
rgb(49,112,119) |
hsl(186,42%,33%) |
| #707831 |
rgb(112,120,49) |
hsl(67,42%,33%) |
