HEX #314877 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314877 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(220,42%,98%)
#e6ebf5 rgb(230,235,245) hsl(220,42%,93%)
#d4dced rgb(212,220,237) hsl(220,42%,88%)
#c1cee6 rgb(193,206,230) hsl(220,42%,83%)
#afbfde rgb(175,191,222) hsl(220,42%,78%)
#9db1d7 rgb(157,177,215) hsl(220,42%,73%)
#8ba2d0 rgb(139,162,208) hsl(220,42%,68%)
#7993c8 rgb(121,147,200) hsl(220,42%,63%)
#6785c1 rgb(103,133,193) hsl(220,42%,58%)
#5576b9 rgb(85,118,185) hsl(220,42%,53%)
#4769ae rgb(71,105,174) hsl(220,42%,48%)
#405e9c rgb(64,94,156) hsl(220,42%,43%)
#38538a rgb(56,83,138) hsl(220,42%,38%)
#314877 rgb(49,72,119) hsl(220,42%,33%)
#293d65 rgb(41,61,101) hsl(220,42%,28%)
#223253 rgb(34,50,83) hsl(220,42%,23%)
#1b2741 rgb(27,39,65) hsl(220,42%,18%)
#131d2f rgb(19,29,47) hsl(220,42%,13%)
#0c121d rgb(12,18,29) hsl(220,42%,8%)
#04070b rgb(4,7,11) hsl(220,42%,3%)

Adjacent colors

HEX RGB HSL
#317877 rgb(49,120,119) hsl(179,42%,33%)
#314877 rgb(49,72,119) hsl(220,42%,33%)
#483077 rgb(72,48,119) hsl(260,43%,33%)

Monochromatic colors

HEX RGB HSL
#38548A rgb(56,84,138) hsl(220,42%,38%)
#314877 rgb(49,72,119) hsl(220,42%,33%)
#293D63 rgb(41,61,99) hsl(219,41%,27%)
#213050 rgb(33,48,80) hsl(221,42%,22%)
#19263D rgb(25,38,61) hsl(218,42%,17%)
#111A2A rgb(17,26,42) hsl(218,42%,12%)

Triad color palettes

HEX RGB HSL
#314877 rgb(49,72,119) hsl(220,42%,33%)
#773D31 rgb(119,61,49) hsl(10,42%,33%)
#6B7831 rgb(107,120,49) hsl(71,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314877 rgb(49,72,119) hsl(220,42%,33%)
#776131 rgb(119,97,49) hsl(41,42%,33%)
#316B77 rgb(49,107,119) hsl(190,42%,33%)
#6B7831 rgb(107,120,49) hsl(71,42%,33%)