HEX #345770 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

345770 color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(205,37%,97%)
#e3ecf2 rgb(227,236,242) hsl(205,37%,92%)
#d2e0ea rgb(210,224,234) hsl(205,37%,87%)
#c0d4e2 rgb(192,212,226) hsl(205,37%,82%)
#afc8da rgb(175,200,218) hsl(205,37%,77%)
#9dbcd2 rgb(157,188,210) hsl(205,37%,72%)
#8cb0ca rgb(140,176,202) hsl(205,37%,67%)
#7aa4c2 rgb(122,164,194) hsl(205,37%,62%)
#6998ba rgb(105,152,186) hsl(205,37%,57%)
#578cb2 rgb(87,140,178) hsl(205,37%,52%)
#4c7fa4 rgb(76,127,164) hsl(205,37%,47%)
#437293 rgb(67,114,147) hsl(205,37%,42%)
#3b6481 rgb(59,100,129) hsl(205,37%,37%)
#335770 rgb(51,87,112) hsl(205,37%,32%)
#2b495e rgb(43,73,94) hsl(205,37%,27%)
#233c4d rgb(35,60,77) hsl(205,37%,22%)
#1b2e3b rgb(27,46,59) hsl(205,37%,17%)
#13202a rgb(19,32,42) hsl(205,37%,12%)
#0b1318 rgb(11,19,24) hsl(205,37%,7%)
#030507 rgb(3,5,7) hsl(205,37%,2%)

Adjacent colors

HEX RGB HSL
#347061 rgb(52,112,97) hsl(165,37%,32%)
#345770 rgb(52,87,112) hsl(205,37%,32%)
#393370 rgb(57,51,112) hsl(246,37%,32%)

Monochromatic colors

HEX RGB HSL
#3C6681 rgb(60,102,129) hsl(203,37%,37%)
#345770 rgb(52,87,112) hsl(205,37%,32%)
#2B4A5E rgb(43,74,94) hsl(204,37%,27%)
#233B4C rgb(35,59,76) hsl(205,37%,22%)
#1B2E3A rgb(27,46,58) hsl(203,36%,17%)
#121F28 rgb(18,31,40) hsl(205,38%,11%)

Triad color palettes

HEX RGB HSL
#345770 rgb(52,87,112) hsl(205,37%,32%)
#703339 rgb(112,51,57) hsl(354,37%,32%)
#706B34 rgb(112,107,52) hsl(55,37%,32%)

Tetrad color palettes

HEX RGB HSL
#345770 rgb(52,87,112) hsl(205,37%,32%)
#704D34 rgb(112,77,52) hsl(25,37%,32%)
#34706B rgb(52,112,107) hsl(175,37%,32%)
#706B34 rgb(112,107,52) hsl(55,37%,32%)