HEX #336C5D color — Casal

The color #336c5d is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

336c5d color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(164,36%,96%)
#e0f0ec rgb(224,240,236) hsl(164,36%,91%)
#cee8e1 rgb(206,232,225) hsl(164,36%,86%)
#bde0d7 rgb(189,224,215) hsl(164,36%,81%)
#acd8cc rgb(172,216,204) hsl(164,36%,76%)
#9ad0c1 rgb(154,208,193) hsl(164,36%,71%)
#89c8b7 rgb(137,200,183) hsl(164,36%,66%)
#78bfac rgb(120,191,172) hsl(164,36%,61%)
#66b7a2 rgb(102,183,162) hsl(164,36%,56%)
#55af97 rgb(85,175,151) hsl(164,36%,51%)
#4ba089 rgb(75,160,137) hsl(164,36%,46%)
#438e7a rgb(67,142,122) hsl(164,36%,41%)
#3b7d6b rgb(59,125,107) hsl(164,36%,36%)
#336c5c rgb(51,108,92) hsl(164,36%,31%)
#2a5a4d rgb(42,90,77) hsl(164,36%,26%)
#22493f rgb(34,73,63) hsl(164,36%,21%)
#1a3730 rgb(26,55,48) hsl(164,36%,16%)
#122621 rgb(18,38,33) hsl(164,36%,11%)
#0a1512 rgb(10,21,18) hsl(164,36%,6%)
#020303 rgb(2,3,3) hsl(164,36%,1%)

Adjacent colors

HEX RGB HSL
#336B37 rgb(51,107,55) hsl(124,35%,31%)
#336C5D rgb(51,108,93) hsl(164,36%,31%)
#33546C rgb(51,84,108) hsl(205,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D6B rgb(59,125,107) hsl(164,36%,36%)
#336C5D rgb(51,108,93) hsl(164,36%,31%)
#2A5C4E rgb(42,92,78) hsl(163,37%,26%)
#224A3F rgb(34,74,63) hsl(164,37%,21%)
#1A3830 rgb(26,56,48) hsl(164,37%,16%)
#122621 rgb(18,38,33) hsl(165,36%,11%)

Triad color palettes

HEX RGB HSL
#336C5D rgb(51,108,93) hsl(164,36%,31%)
#6C335E rgb(108,51,94) hsl(315,36%,31%)
#6C4033 rgb(108,64,51) hsl(14,36%,31%)

Tetrad color palettes

HEX RGB HSL
#336C5D rgb(51,108,93) hsl(164,36%,31%)
#6C3342 rgb(108,51,66) hsl(344,36%,31%)
#336B40 rgb(51,107,64) hsl(134,35%,31%)
#6C4033 rgb(108,64,51) hsl(14,36%,31%)