HEX #314C77 color — San Juan
The color #314c77 is a dark shade and moderately saturated.
Palette
314c77 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(217,42%,98%) |
#e6ebf5 |
rgb(230,235,245) |
hsl(217,42%,93%) |
#d4dded |
rgb(212,221,237) |
hsl(217,42%,88%) |
#c1cfe6 |
rgb(193,207,230) |
hsl(217,42%,83%) |
#afc1de |
rgb(175,193,222) |
hsl(217,42%,78%) |
#9db3d7 |
rgb(157,179,215) |
hsl(217,42%,73%) |
#8ba5d0 |
rgb(139,165,208) |
hsl(217,42%,68%) |
#7997c8 |
rgb(121,151,200) |
hsl(217,42%,63%) |
#6789c1 |
rgb(103,137,193) |
hsl(217,42%,58%) |
#557bb9 |
rgb(85,123,185) |
hsl(217,42%,53%) |
#476eae |
rgb(71,110,174) |
hsl(217,42%,48%) |
#40639c |
rgb(64,99,156) |
hsl(217,42%,43%) |
#38578a |
rgb(56,87,138) |
hsl(217,42%,38%) |
#314c77 |
rgb(49,76,119) |
hsl(217,42%,33%) |
#294065 |
rgb(41,64,101) |
hsl(217,42%,28%) |
#223553 |
rgb(34,53,83) |
hsl(217,42%,23%) |
#1b2941 |
rgb(27,41,65) |
hsl(217,42%,18%) |
#131e2f |
rgb(19,30,47) |
hsl(217,42%,13%) |
#0c121d |
rgb(12,18,29) |
hsl(217,42%,8%) |
#04070b |
rgb(4,7,11) |
hsl(217,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#317873 |
rgb(49,120,115) |
hsl(176,42%,33%) |
#314C77 |
rgb(49,76,119) |
hsl(217,42%,33%) |
#443077 |
rgb(68,48,119) |
hsl(257,43%,33%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38598A |
rgb(56,89,138) |
hsl(216,42%,38%) |
#314C77 |
rgb(49,76,119) |
hsl(217,42%,33%) |
#294063 |
rgb(41,64,99) |
hsl(216,41%,27%) |
#213350 |
rgb(33,51,80) |
hsl(217,42%,22%) |
#19263D |
rgb(25,38,61) |
hsl(218,42%,17%) |
#111C2A |
rgb(17,28,42) |
hsl(214,42%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#314C77 |
rgb(49,76,119) |
hsl(217,42%,33%) |
#773831 |
rgb(119,56,49) |
hsl(6,42%,33%) |
#6F7831 |
rgb(111,120,49) |
hsl(68,42%,33%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#314C77 |
rgb(49,76,119) |
hsl(217,42%,33%) |
#775C31 |
rgb(119,92,49) |
hsl(37,42%,33%) |
#317077 |
rgb(49,112,119) |
hsl(186,42%,33%) |
#6F7831 |
rgb(111,120,49) |
hsl(68,42%,33%) |