HEX #345E6D color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

345E6D color palette from light to dark

HEX RGB HSL
#f5f9fa rgb(245,249,250) hsl(196,35%,97%)
#e3eef2 rgb(227,238,242) hsl(196,35%,92%)
#d2e3e9 rgb(210,227,233) hsl(196,35%,87%)
#c1d9e1 rgb(193,217,225) hsl(196,35%,82%)
#b0ced9 rgb(176,206,217) hsl(196,35%,77%)
#9fc3d1 rgb(159,195,209) hsl(196,35%,72%)
#8db9c8 rgb(141,185,200) hsl(196,35%,67%)
#7caec0 rgb(124,174,192) hsl(196,35%,62%)
#6ba3b8 rgb(107,163,184) hsl(196,35%,57%)
#5a99af rgb(90,153,175) hsl(196,35%,52%)
#4e8ba2 rgb(78,139,162) hsl(196,35%,47%)
#467d91 rgb(70,125,145) hsl(196,35%,42%)
#3d6e7f rgb(61,110,127) hsl(196,35%,37%)
#355f6e rgb(53,95,110) hsl(196,35%,32%)
#2d505d rgb(45,80,93) hsl(196,35%,27%)
#24414c rgb(36,65,76) hsl(196,35%,22%)
#1c323b rgb(28,50,59) hsl(196,35%,17%)
#142429 rgb(20,36,41) hsl(196,35%,12%)
#0c1518 rgb(12,21,24) hsl(196,35%,7%)
#030607 rgb(3,6,7) hsl(196,35%,2%)

Adjacent colors

HEX RGB HSL
#346E56 rgb(52,110,86) hsl(155,36%,32%)
#345E6D rgb(52,94,109) hsl(196,35%,32%)
#34386D rgb(52,56,109) hsl(236,35%,32%)

Monochromatic colors

HEX RGB HSL
#3C6E7E rgb(60,110,126) hsl(195,35%,36%)
#345E6D rgb(52,94,109) hsl(196,35%,32%)
#2B4F5B rgb(43,79,91) hsl(195,36%,26%)
#23404A rgb(35,64,74) hsl(195,36%,21%)
#1B3038 rgb(27,48,56) hsl(197,35%,16%)
#122127 rgb(18,33,39) hsl(197,37%,11%)

Triad color palettes

HEX RGB HSL
#345E6D rgb(52,94,109) hsl(196,35%,32%)
#6D3341 rgb(109,51,65) hsl(346,36%,31%)
#6D5E34 rgb(109,94,52) hsl(44,35%,32%)

Tetrad color palettes

HEX RGB HSL
#345E6D rgb(52,94,109) hsl(196,35%,32%)
#6D4234 rgb(109,66,52) hsl(15,35%,32%)
#346E5F rgb(52,110,95) hsl(164,36%,32%)
#6D5E34 rgb(109,94,52) hsl(44,35%,32%)