HEX #345C76 color — San Juan

The color #345C76 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

345C76 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(204,39%,98%)
#e6eff4 rgb(230,239,244) hsl(204,39%,93%)
#d4e3ec rgb(212,227,236) hsl(204,39%,88%)
#c3d7e5 rgb(195,215,229) hsl(204,39%,83%)
#b1cbdd rgb(177,203,221) hsl(204,39%,78%)
#9fc0d5 rgb(159,192,213) hsl(204,39%,73%)
#8eb4cd rgb(142,180,205) hsl(204,39%,68%)
#7ca8c5 rgb(124,168,197) hsl(204,39%,63%)
#6a9cbe rgb(106,156,190) hsl(204,39%,58%)
#5890b6 rgb(88,144,182) hsl(204,39%,53%)
#4b84aa rgb(75,132,170) hsl(204,39%,48%)
#437698 rgb(67,118,152) hsl(204,39%,43%)
#3b6887 rgb(59,104,135) hsl(204,39%,38%)
#335b75 rgb(51,91,117) hsl(204,39%,33%)
#2c4d63 rgb(44,77,99) hsl(204,39%,28%)
#243f52 rgb(36,63,82) hsl(204,39%,23%)
#1c3140 rgb(28,49,64) hsl(204,39%,18%)
#14242e rgb(20,36,46) hsl(204,39%,13%)
#0c161c rgb(12,22,28) hsl(204,39%,8%)
#05080b rgb(5,8,11) hsl(204,39%,3%)

Adjacent colors

HEX RGB HSL
#347564 rgb(52,117,100) hsl(164,38%,33%)
#345C76 rgb(52,92,118) hsl(204,39%,33%)
#383376 rgb(56,51,118) hsl(244,40%,33%)

Monochromatic colors

HEX RGB HSL
#3C6B88 rgb(60,107,136) hsl(203,39%,38%)
#345C76 rgb(52,92,118) hsl(204,39%,33%)
#2B4D63 rgb(43,77,99) hsl(204,39%,28%)
#234050 rgb(35,64,80) hsl(201,39%,23%)
#1B303D rgb(27,48,61) hsl(203,39%,17%)
#12212A rgb(18,33,42) hsl(203,40%,12%)

Triad color palettes

HEX RGB HSL
#345C76 rgb(52,92,118) hsl(204,39%,33%)
#76333B rgb(118,51,59) hsl(353,40%,33%)
#767034 rgb(118,112,52) hsl(55,39%,33%)

Tetrad color palettes

HEX RGB HSL
#345C76 rgb(52,92,118) hsl(204,39%,33%)
#764F34 rgb(118,79,52) hsl(25,39%,33%)
#34756F rgb(52,117,111) hsl(174,38%,33%)
#767034 rgb(118,112,52) hsl(55,39%,33%)