HEX #345E74 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

345e74 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(201,38%,98%)
#e6eff4 rgb(230,239,244) hsl(201,38%,93%)
#d5e4ec rgb(213,228,236) hsl(201,38%,88%)
#c3d9e4 rgb(195,217,228) hsl(201,38%,83%)
#b2cddc rgb(178,205,220) hsl(201,38%,78%)
#a0c2d4 rgb(160,194,212) hsl(201,38%,73%)
#8eb7cc rgb(142,183,204) hsl(201,38%,68%)
#7dabc5 rgb(125,171,197) hsl(201,38%,63%)
#6ba0bd rgb(107,160,189) hsl(201,38%,58%)
#5a95b5 rgb(90,149,181) hsl(201,38%,53%)
#4c88a9 rgb(76,136,169) hsl(201,38%,48%)
#447a97 rgb(68,122,151) hsl(201,38%,43%)
#3c6c86 rgb(60,108,134) hsl(201,38%,38%)
#345e74 rgb(52,94,116) hsl(201,38%,33%)
#2c5063 rgb(44,80,99) hsl(201,38%,28%)
#244151 rgb(36,65,81) hsl(201,38%,23%)
#1c333f rgb(28,51,63) hsl(201,38%,18%)
#15252e rgb(21,37,46) hsl(201,38%,13%)
#0d171c rgb(13,23,28) hsl(201,38%,8%)
#05090b rgb(5,9,11) hsl(201,38%,3%)

Adjacent colors

HEX RGB HSL
#34735F rgb(52,115,95) hsl(161,38%,33%)
#345E74 rgb(52,94,116) hsl(201,38%,33%)
#343374 rgb(52,51,116) hsl(241,39%,33%)

Monochromatic colors

HEX RGB HSL
#3C6E86 rgb(60,110,134) hsl(199,38%,38%)
#345E74 rgb(52,94,116) hsl(201,38%,33%)
#2B4F61 rgb(43,79,97) hsl(200,39%,27%)
#23404E rgb(35,64,78) hsl(200,38%,22%)
#1B303C rgb(27,48,60) hsl(202,38%,17%)
#122129 rgb(18,33,41) hsl(201,39%,12%)

Triad color palettes

HEX RGB HSL
#345E74 rgb(52,94,116) hsl(201,38%,33%)
#74333E rgb(116,51,62) hsl(350,39%,33%)
#746B34 rgb(116,107,52) hsl(52,38%,33%)

Tetrad color palettes

HEX RGB HSL
#345E74 rgb(52,94,116) hsl(201,38%,33%)
#744A34 rgb(116,74,52) hsl(21,38%,33%)
#34736A rgb(52,115,106) hsl(171,38%,33%)
#746B34 rgb(116,107,52) hsl(52,38%,33%)