HEX #336C60 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336c60 color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(167,36%,96%)
#e0f0ed rgb(224,240,237) hsl(167,36%,91%)
#cee8e3 rgb(206,232,227) hsl(167,36%,86%)
#bde0d8 rgb(189,224,216) hsl(167,36%,81%)
#acd8ce rgb(172,216,206) hsl(167,36%,76%)
#9ad0c4 rgb(154,208,196) hsl(167,36%,71%)
#89c8ba rgb(137,200,186) hsl(167,36%,66%)
#78bfb0 rgb(120,191,176) hsl(167,36%,61%)
#66b7a6 rgb(102,183,166) hsl(167,36%,56%)
#55af9c rgb(85,175,156) hsl(167,36%,51%)
#4ba08d rgb(75,160,141) hsl(167,36%,46%)
#438e7e rgb(67,142,126) hsl(167,36%,41%)
#3b7d6f rgb(59,125,111) hsl(167,36%,36%)
#336c5f rgb(51,108,95) hsl(167,36%,31%)
#2a5a50 rgb(42,90,80) hsl(167,36%,26%)
#224940 rgb(34,73,64) hsl(167,36%,21%)
#1a3731 rgb(26,55,49) hsl(167,36%,16%)
#122622 rgb(18,38,34) hsl(167,36%,11%)
#0a1512 rgb(10,21,18) hsl(167,36%,6%)
#020303 rgb(2,3,3) hsl(167,36%,1%)

Adjacent colors

HEX RGB HSL
#336B3A rgb(51,107,58) hsl(128,35%,31%)
#336C60 rgb(51,108,96) hsl(167,36%,31%)
#33526C rgb(51,82,108) hsl(207,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D6F rgb(59,125,111) hsl(167,36%,36%)
#336C60 rgb(51,108,96) hsl(167,36%,31%)
#2A5C50 rgb(42,92,80) hsl(166,37%,26%)
#224A41 rgb(34,74,65) hsl(167,37%,21%)
#1A3831 rgb(26,56,49) hsl(166,37%,16%)
#122622 rgb(18,38,34) hsl(168,36%,11%)

Triad color palettes

HEX RGB HSL
#336C60 rgb(51,108,96) hsl(167,36%,31%)
#6C335B rgb(108,51,91) hsl(318,36%,31%)
#6C4233 rgb(108,66,51) hsl(16,36%,31%)

Tetrad color palettes

HEX RGB HSL
#336C60 rgb(51,108,96) hsl(167,36%,31%)
#6C333F rgb(108,51,63) hsl(347,36%,31%)
#336B43 rgb(51,107,67) hsl(137,35%,31%)
#6C4233 rgb(108,66,51) hsl(16,36%,31%)