HEX #336C61 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336c61 color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(168,36%,96%)
#e0f0ed rgb(224,240,237) hsl(168,36%,91%)
#cee8e3 rgb(206,232,227) hsl(168,36%,86%)
#bde0d9 rgb(189,224,217) hsl(168,36%,81%)
#acd8cf rgb(172,216,207) hsl(168,36%,76%)
#9ad0c5 rgb(154,208,197) hsl(168,36%,71%)
#89c8bb rgb(137,200,187) hsl(168,36%,66%)
#78bfb1 rgb(120,191,177) hsl(168,36%,61%)
#66b7a7 rgb(102,183,167) hsl(168,36%,56%)
#55af9d rgb(85,175,157) hsl(168,36%,51%)
#4ba08f rgb(75,160,143) hsl(168,36%,46%)
#438e7f rgb(67,142,127) hsl(168,36%,41%)
#3b7d70 rgb(59,125,112) hsl(168,36%,36%)
#336c60 rgb(51,108,96) hsl(168,36%,31%)
#2a5a51 rgb(42,90,81) hsl(168,36%,26%)
#224941 rgb(34,73,65) hsl(168,36%,21%)
#1a3732 rgb(26,55,50) hsl(168,36%,16%)
#122622 rgb(18,38,34) hsl(168,36%,11%)
#0a1513 rgb(10,21,19) hsl(168,36%,6%)
#020303 rgb(2,3,3) hsl(168,36%,1%)

Adjacent colors

HEX RGB HSL
#336B3B rgb(51,107,59) hsl(129,35%,31%)
#336C61 rgb(51,108,97) hsl(168,36%,31%)
#33526C rgb(51,82,108) hsl(207,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D70 rgb(59,125,112) hsl(168,36%,36%)
#336C61 rgb(51,108,97) hsl(168,36%,31%)
#2A5C51 rgb(42,92,81) hsl(167,37%,26%)
#224A41 rgb(34,74,65) hsl(167,37%,21%)
#1A3832 rgb(26,56,50) hsl(168,37%,16%)
#122622 rgb(18,38,34) hsl(168,36%,11%)

Triad color palettes

HEX RGB HSL
#336C61 rgb(51,108,97) hsl(168,36%,31%)
#6C335A rgb(108,51,90) hsl(319,36%,31%)
#6C4533 rgb(108,69,51) hsl(19,36%,31%)

Tetrad color palettes

HEX RGB HSL
#336C61 rgb(51,108,97) hsl(168,36%,31%)
#6C333E rgb(108,51,62) hsl(348,36%,31%)
#336B44 rgb(51,107,68) hsl(138,35%,31%)
#6C4533 rgb(108,69,51) hsl(19,36%,31%)