HEX #336C66 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336c66 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(174,36%,96%)
#e0f0ef rgb(224,240,239) hsl(174,36%,91%)
#cee8e6 rgb(206,232,230) hsl(174,36%,86%)
#bde0dd rgb(189,224,221) hsl(174,36%,81%)
#acd8d3 rgb(172,216,211) hsl(174,36%,76%)
#9ad0ca rgb(154,208,202) hsl(174,36%,71%)
#89c8c1 rgb(137,200,193) hsl(174,36%,66%)
#78bfb8 rgb(120,191,184) hsl(174,36%,61%)
#66b7af rgb(102,183,175) hsl(174,36%,56%)
#55afa6 rgb(85,175,166) hsl(174,36%,51%)
#4ba097 rgb(75,160,151) hsl(174,36%,46%)
#438e87 rgb(67,142,135) hsl(174,36%,41%)
#3b7d76 rgb(59,125,118) hsl(174,36%,36%)
#336c66 rgb(51,108,102) hsl(174,36%,31%)
#2a5a55 rgb(42,90,85) hsl(174,36%,26%)
#224945 rgb(34,73,69) hsl(174,36%,21%)
#1a3735 rgb(26,55,53) hsl(174,36%,16%)
#122624 rgb(18,38,36) hsl(174,36%,11%)
#0a1514 rgb(10,21,20) hsl(174,36%,6%)
#020303 rgb(2,3,3) hsl(174,36%,1%)

Adjacent colors

HEX RGB HSL
#336B40 rgb(51,107,64) hsl(134,35%,31%)
#336C66 rgb(51,108,102) hsl(174,36%,31%)
#334D6C rgb(51,77,108) hsl(213,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D76 rgb(59,125,118) hsl(174,36%,36%)
#336C66 rgb(51,108,102) hsl(174,36%,31%)
#2A5C55 rgb(42,92,85) hsl(172,37%,26%)
#224A45 rgb(34,74,69) hsl(173,37%,21%)
#1A3835 rgb(26,56,53) hsl(174,37%,16%)
#122624 rgb(18,38,36) hsl(174,36%,11%)

Triad color palettes

HEX RGB HSL
#336C66 rgb(51,108,102) hsl(174,36%,31%)
#6C3355 rgb(108,51,85) hsl(324,36%,31%)
#6C4A33 rgb(108,74,51) hsl(24,36%,31%)

Tetrad color palettes

HEX RGB HSL
#336C66 rgb(51,108,102) hsl(174,36%,31%)
#6C3339 rgb(108,51,57) hsl(354,36%,31%)
#336B49 rgb(51,107,73) hsl(144,35%,31%)
#6C4A33 rgb(108,74,51) hsl(24,36%,31%)