HEX #314E77 color — San Juan
The color #314e77 is a dark shade and moderately saturated.
Palette
314e77 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8fafc |
rgb(248,250,252) |
hsl(215,42%,98%) |
| #e6ecf5 |
rgb(230,236,245) |
hsl(215,42%,93%) |
| #d4deed |
rgb(212,222,237) |
hsl(215,42%,88%) |
| #c1d1e6 |
rgb(193,209,230) |
hsl(215,42%,83%) |
| #afc3de |
rgb(175,195,222) |
hsl(215,42%,78%) |
| #9db5d7 |
rgb(157,181,215) |
hsl(215,42%,73%) |
| #8ba8d0 |
rgb(139,168,208) |
hsl(215,42%,68%) |
| #799ac8 |
rgb(121,154,200) |
hsl(215,42%,63%) |
| #678cc1 |
rgb(103,140,193) |
hsl(215,42%,58%) |
| #557fb9 |
rgb(85,127,185) |
hsl(215,42%,53%) |
| #4772ae |
rgb(71,114,174) |
hsl(215,42%,48%) |
| #40669c |
rgb(64,102,156) |
hsl(215,42%,43%) |
| #385a8a |
rgb(56,90,138) |
hsl(215,42%,38%) |
| #314e77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
| #294265 |
rgb(41,66,101) |
hsl(215,42%,28%) |
| #223753 |
rgb(34,55,83) |
hsl(215,42%,23%) |
| #1b2b41 |
rgb(27,43,65) |
hsl(215,42%,18%) |
| #131f2f |
rgb(19,31,47) |
hsl(215,42%,13%) |
| #0c131d |
rgb(12,19,29) |
hsl(215,42%,8%) |
| #04070b |
rgb(4,7,11) |
hsl(215,42%,3%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #317871 |
rgb(49,120,113) |
hsl(174,42%,33%) |
| #314E77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
| #423077 |
rgb(66,48,119) |
hsl(255,43%,33%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #38598A |
rgb(56,89,138) |
hsl(216,42%,38%) |
| #314E77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
| #294263 |
rgb(41,66,99) |
hsl(214,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 |
| #314E77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
| #773831 |
rgb(119,56,49) |
hsl(6,42%,33%) |
| #717831 |
rgb(113,120,49) |
hsl(66,42%,33%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #314E77 |
rgb(49,78,119) |
hsl(215,42%,33%) |
| #775931 |
rgb(119,89,49) |
hsl(34,42%,33%) |
| #317077 |
rgb(49,112,119) |
hsl(186,42%,33%) |
| #717831 |
rgb(113,120,49) |
hsl(66,42%,33%) |
