HEX #345C74 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

345C74 color palette from light to dark

HEX RGB HSL
#f8fafc rgb(248,250,252) hsl(203,38%,98%)
#e6eff4 rgb(230,239,244) hsl(203,38%,93%)
#d5e3ec rgb(213,227,236) hsl(203,38%,88%)
#c3d7e4 rgb(195,215,228) hsl(203,38%,83%)
#b2ccdc rgb(178,204,220) hsl(203,38%,78%)
#a0c0d4 rgb(160,192,212) hsl(203,38%,73%)
#8eb5cc rgb(142,181,204) hsl(203,38%,68%)
#7da9c5 rgb(125,169,197) hsl(203,38%,63%)
#6b9dbd rgb(107,157,189) hsl(203,38%,58%)
#5a92b5 rgb(90,146,181) hsl(203,38%,53%)
#4c85a9 rgb(76,133,169) hsl(203,38%,48%)
#447797 rgb(68,119,151) hsl(203,38%,43%)
#3c6986 rgb(60,105,134) hsl(203,38%,38%)
#345c74 rgb(52,92,116) hsl(203,38%,33%)
#2c4e63 rgb(44,78,99) hsl(203,38%,28%)
#244051 rgb(36,64,81) hsl(203,38%,23%)
#1c323f rgb(28,50,63) hsl(203,38%,18%)
#15242e rgb(21,36,46) hsl(203,38%,13%)
#0d161c rgb(13,22,28) hsl(203,38%,8%)
#05080b rgb(5,8,11) hsl(203,38%,3%)

Adjacent colors

HEX RGB HSL
#347361 rgb(52,115,97) hsl(163,38%,33%)
#345C74 rgb(52,92,116) hsl(203,38%,33%)
#363374 rgb(54,51,116) hsl(243,39%,33%)

Monochromatic colors

HEX RGB HSL
#3C6B86 rgb(60,107,134) hsl(202,38%,38%)
#345C74 rgb(52,92,116) hsl(203,38%,33%)
#2B4D61 rgb(43,77,97) hsl(202,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
#345C74 rgb(52,92,116) hsl(203,38%,33%)
#74333C rgb(116,51,60) hsl(352,39%,33%)
#746B34 rgb(116,107,52) hsl(52,38%,33%)

Tetrad color palettes

HEX RGB HSL
#345C74 rgb(52,92,116) hsl(203,38%,33%)
#744D34 rgb(116,77,52) hsl(23,38%,33%)
#34736C rgb(52,115,108) hsl(173,38%,33%)
#746B34 rgb(116,107,52) hsl(52,38%,33%)