HEX #314F76 color — San Juan

The color #314F76 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

314F76 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(214,41%,98%)
#e6ecf4 rgb(230,236,244) hsl(214,41%,93%)
#d4dfed rgb(212,223,237) hsl(214,41%,88%)
#c2d1e5 rgb(194,209,229) hsl(214,41%,83%)
#b0c4de rgb(176,196,222) hsl(214,41%,78%)
#9eb6d6 rgb(158,182,214) hsl(214,41%,73%)
#8ca9cf rgb(140,169,207) hsl(214,41%,68%)
#7a9bc7 rgb(122,155,199) hsl(214,41%,63%)
#688ec0 rgb(104,142,192) hsl(214,41%,58%)
#5681b8 rgb(86,129,184) hsl(214,41%,53%)
#4874ad rgb(72,116,173) hsl(214,41%,48%)
#41689b rgb(65,104,155) hsl(214,41%,43%)
#395c89 rgb(57,92,137) hsl(214,41%,38%)
#325077 rgb(50,80,119) hsl(214,41%,33%)
#2a4365 rgb(42,67,101) hsl(214,41%,28%)
#233753 rgb(35,55,83) hsl(214,41%,23%)
#1b2b41 rgb(27,43,65) hsl(214,41%,18%)
#141f2f rgb(20,31,47) hsl(214,41%,13%)
#0c131d rgb(12,19,29) hsl(214,41%,8%)
#05070b rgb(5,7,11) hsl(214,41%,3%)

Adjacent colors

HEX RGB HSL
#31756F rgb(49,117,111) hsl(175,41%,33%)
#314F76 rgb(49,79,118) hsl(214,41%,33%)
#413076 rgb(65,48,118) hsl(255,42%,33%)

Monochromatic colors

HEX RGB HSL
#385C88 rgb(56,92,136) hsl(213,42%,38%)
#314F76 rgb(49,79,118) hsl(214,41%,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
#314F76 rgb(49,79,118) hsl(214,41%,33%)
#763631 rgb(118,54,49) hsl(4,41%,33%)
#717531 rgb(113,117,49) hsl(64,41%,33%)

Tetrad color palettes

HEX RGB HSL
#314F76 rgb(49,79,118) hsl(214,41%,33%)
#765931 rgb(118,89,49) hsl(35,41%,33%)
#317376 rgb(49,115,118) hsl(183,41%,33%)
#717531 rgb(113,117,49) hsl(64,41%,33%)