HEX #314477 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

314477 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(224,42%,98%)
#e6eaf5 rgb(230,234,245) hsl(224,42%,93%)
#d4daed rgb(212,218,237) hsl(224,42%,88%)
#c1cbe6 rgb(193,203,230) hsl(224,42%,83%)
#afbcde rgb(175,188,222) hsl(224,42%,78%)
#9dadd7 rgb(157,173,215) hsl(224,42%,73%)
#8b9dd0 rgb(139,157,208) hsl(224,42%,68%)
#798ec8 rgb(121,142,200) hsl(224,42%,63%)
#677fc1 rgb(103,127,193) hsl(224,42%,58%)
#5570b9 rgb(85,112,185) hsl(224,42%,53%)
#4762ae rgb(71,98,174) hsl(224,42%,48%)
#40589c rgb(64,88,156) hsl(224,42%,43%)
#384e8a rgb(56,78,138) hsl(224,42%,38%)
#314477 rgb(49,68,119) hsl(224,42%,33%)
#293965 rgb(41,57,101) hsl(224,42%,28%)
#222f53 rgb(34,47,83) hsl(224,42%,23%)
#1b2541 rgb(27,37,65) hsl(224,42%,18%)
#131b2f rgb(19,27,47) hsl(224,42%,13%)
#0c101d rgb(12,16,29) hsl(224,42%,8%)
#04060b rgb(4,6,11) hsl(224,42%,3%)

Adjacent colors

HEX RGB HSL
#317377 rgb(49,115,119) hsl(183,42%,33%)
#314477 rgb(49,68,119) hsl(224,42%,33%)
#4C3077 rgb(76,48,119) hsl(264,43%,33%)

Monochromatic colors

HEX RGB HSL
#384F8A rgb(56,79,138) hsl(223,42%,38%)
#314477 rgb(49,68,119) hsl(224,42%,33%)
#293863 rgb(41,56,99) hsl(224,41%,27%)
#212E50 rgb(33,46,80) hsl(223,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
#314477 rgb(49,68,119) hsl(224,42%,33%)
#774031 rgb(119,64,49) hsl(13,42%,33%)
#677831 rgb(103,120,49) hsl(74,42%,33%)

Tetrad color palettes

HEX RGB HSL
#314477 rgb(49,68,119) hsl(224,42%,33%)
#776331 rgb(119,99,49) hsl(43,42%,33%)
#316677 rgb(49,102,119) hsl(195,42%,33%)
#677831 rgb(103,120,49) hsl(74,42%,33%)