HEX #345C6E color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

345C6E color palette from light to dark

HEX RGB HSL
#f5f8fa rgb(245,248,250) hsl(199,36%,97%)
#e3edf2 rgb(227,237,242) hsl(199,36%,92%)
#d2e2ea rgb(210,226,234) hsl(199,36%,87%)
#c1d7e2 rgb(193,215,226) hsl(199,36%,82%)
#afccd9 rgb(175,204,217) hsl(199,36%,77%)
#9ec1d1 rgb(158,193,209) hsl(199,36%,72%)
#8db6c9 rgb(141,182,201) hsl(199,36%,67%)
#7babc1 rgb(123,171,193) hsl(199,36%,62%)
#6aa0b9 rgb(106,160,185) hsl(199,36%,57%)
#5995b1 rgb(89,149,177) hsl(199,36%,52%)
#4d88a3 rgb(77,136,163) hsl(199,36%,47%)
#457992 rgb(69,121,146) hsl(199,36%,42%)
#3c6b80 rgb(60,107,128) hsl(199,36%,37%)
#345c6f rgb(52,92,111) hsl(199,36%,32%)
#2c4e5e rgb(44,78,94) hsl(199,36%,27%)
#24404c rgb(36,64,76) hsl(199,36%,22%)
#1c313b rgb(28,49,59) hsl(199,36%,17%)
#14232a rgb(20,35,42) hsl(199,36%,12%)
#0b1418 rgb(11,20,24) hsl(199,36%,7%)
#030607 rgb(3,6,7) hsl(199,36%,2%)

Adjacent colors

HEX RGB HSL
#346E59 rgb(52,110,89) hsl(158,36%,32%)
#345C6E rgb(52,92,110) hsl(199,36%,32%)
#34366E rgb(52,54,110) hsl(238,36%,32%)

Monochromatic colors

HEX RGB HSL
#3C6B7F rgb(60,107,127) hsl(198,36%,37%)
#345C6E rgb(52,92,110) hsl(199,36%,32%)
#2B4D5C rgb(43,77,92) hsl(198,36%,26%)
#23404A rgb(35,64,74) hsl(195,36%,21%)
#1B3039 rgb(27,48,57) hsl(198,36%,16%)
#122127 rgb(18,33,39) hsl(197,37%,11%)

Triad color palettes

HEX RGB HSL
#345C6E rgb(52,92,110) hsl(199,36%,32%)
#6E333F rgb(110,51,63) hsl(348,37%,32%)
#6E6334 rgb(110,99,52) hsl(49,36%,32%)

Tetrad color palettes

HEX RGB HSL
#345C6E rgb(52,92,110) hsl(199,36%,32%)
#6E4534 rgb(110,69,52) hsl(18,36%,32%)
#346E63 rgb(52,110,99) hsl(169,36%,32%)
#6E6334 rgb(110,99,52) hsl(49,36%,32%)