HEX #345E71 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

345E71 color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(199,37%,97%)
#e3edf2 rgb(227,237,242) hsl(199,37%,92%)
#d2e2ea rgb(210,226,234) hsl(199,37%,87%)
#c0d7e2 rgb(192,215,226) hsl(199,37%,82%)
#afccda rgb(175,204,218) hsl(199,37%,77%)
#9dc1d2 rgb(157,193,210) hsl(199,37%,72%)
#8cb6ca rgb(140,182,202) hsl(199,37%,67%)
#7aabc2 rgb(122,171,194) hsl(199,37%,62%)
#69a0ba rgb(105,160,186) hsl(199,37%,57%)
#5795b2 rgb(87,149,178) hsl(199,37%,52%)
#4c88a4 rgb(76,136,164) hsl(199,37%,47%)
#437a93 rgb(67,122,147) hsl(199,37%,42%)
#3b6b81 rgb(59,107,129) hsl(199,37%,37%)
#335d70 rgb(51,93,112) hsl(199,37%,32%)
#2b4e5e rgb(43,78,94) hsl(199,37%,27%)
#23404d rgb(35,64,77) hsl(199,37%,22%)
#1b313b rgb(27,49,59) hsl(199,37%,17%)
#13232a rgb(19,35,42) hsl(199,37%,12%)
#0b1418 rgb(11,20,24) hsl(199,37%,7%)
#030607 rgb(3,6,7) hsl(199,37%,2%)

Adjacent colors

HEX RGB HSL
#34705B rgb(52,112,91) hsl(159,37%,32%)
#345E71 rgb(52,94,113) hsl(199,37%,32%)
#343671 rgb(52,54,113) hsl(238,37%,32%)

Monochromatic colors

HEX RGB HSL
#3C6E83 rgb(60,110,131) hsl(198,37%,37%)
#345E71 rgb(52,94,113) hsl(199,37%,32%)
#2B4F5E rgb(43,79,94) hsl(198,37%,27%)
#23404C rgb(35,64,76) hsl(198,37%,22%)
#1B303A rgb(27,48,58) hsl(199,36%,17%)
#122128 rgb(18,33,40) hsl(199,38%,11%)

Triad color palettes

HEX RGB HSL
#345E71 rgb(52,94,113) hsl(199,37%,32%)
#71333F rgb(113,51,63) hsl(348,38%,32%)
#716634 rgb(113,102,52) hsl(49,37%,32%)

Tetrad color palettes

HEX RGB HSL
#345E71 rgb(52,94,113) hsl(199,37%,32%)
#714734 rgb(113,71,52) hsl(19,37%,32%)
#347065 rgb(52,112,101) hsl(169,37%,32%)
#716634 rgb(113,102,52) hsl(49,37%,32%)