HEX #314777 color — San Juan

The color #314777 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314777 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(221,42%,98%)
#e6eaf5 rgb(230,234,245) hsl(221,42%,93%)
#d4dced rgb(212,220,237) hsl(221,42%,88%)
#c1cde6 rgb(193,205,230) hsl(221,42%,83%)
#afbede rgb(175,190,222) hsl(221,42%,78%)
#9db0d7 rgb(157,176,215) hsl(221,42%,73%)
#8ba1d0 rgb(139,161,208) hsl(221,42%,68%)
#7992c8 rgb(121,146,200) hsl(221,42%,63%)
#6783c1 rgb(103,131,193) hsl(221,42%,58%)
#5575b9 rgb(85,117,185) hsl(221,42%,53%)
#4768ae rgb(71,104,174) hsl(221,42%,48%)
#405d9c rgb(64,93,156) hsl(221,42%,43%)
#38528a rgb(56,82,138) hsl(221,42%,38%)
#314777 rgb(49,71,119) hsl(221,42%,33%)
#293c65 rgb(41,60,101) hsl(221,42%,28%)
#223253 rgb(34,50,83) hsl(221,42%,23%)
#1b2741 rgb(27,39,65) hsl(221,42%,18%)
#131c2f rgb(19,28,47) hsl(221,42%,13%)
#0c111d rgb(12,17,29) hsl(221,42%,8%)
#04060b rgb(4,6,11) hsl(221,42%,3%)

Adjacent colors

HEX RGB HSL
#317577 rgb(49,117,119) hsl(182,42%,33%)
#314777 rgb(49,71,119) hsl(221,42%,33%)
#493077 rgb(73,48,119) hsl(261,43%,33%)

Monochromatic colors

HEX RGB HSL
#38528A rgb(56,82,138) hsl(221,42%,38%)
#314777 rgb(49,71,119) hsl(221,42%,33%)
#293B63 rgb(41,59,99) hsl(221,41%,27%)
#213050 rgb(33,48,80) hsl(221,42%,22%)
#19243D rgb(25,36,61) hsl(222,42%,17%)
#111A2A rgb(17,26,42) hsl(218,42%,12%)

Triad color palettes

HEX RGB HSL
#314777 rgb(49,71,119) hsl(221,42%,33%)
#773D31 rgb(119,61,49) hsl(10,42%,33%)
#6A7831 rgb(106,120,49) hsl(72,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314777 rgb(49,71,119) hsl(221,42%,33%)
#776131 rgb(119,97,49) hsl(41,42%,33%)
#316B77 rgb(49,107,119) hsl(190,42%,33%)
#6A7831 rgb(106,120,49) hsl(72,42%,33%)