HEX #336C69 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336c69 color palette from light to dark

HEX RGB HSL
#f1f8f8 rgb(241,248,248) hsl(177,36%,96%)
#e0f0ef rgb(224,240,239) hsl(177,36%,91%)
#cee8e7 rgb(206,232,231) hsl(177,36%,86%)
#bde0de rgb(189,224,222) hsl(177,36%,81%)
#acd8d6 rgb(172,216,214) hsl(177,36%,76%)
#9ad0cd rgb(154,208,205) hsl(177,36%,71%)
#89c8c4 rgb(137,200,196) hsl(177,36%,66%)
#78bfbc rgb(120,191,188) hsl(177,36%,61%)
#66b7b3 rgb(102,183,179) hsl(177,36%,56%)
#55afab rgb(85,175,171) hsl(177,36%,51%)
#4ba09b rgb(75,160,155) hsl(177,36%,46%)
#438e8a rgb(67,142,138) hsl(177,36%,41%)
#3b7d7a rgb(59,125,122) hsl(177,36%,36%)
#336c69 rgb(51,108,105) hsl(177,36%,31%)
#2a5a58 rgb(42,90,88) hsl(177,36%,26%)
#224947 rgb(34,73,71) hsl(177,36%,21%)
#1a3736 rgb(26,55,54) hsl(177,36%,16%)
#122625 rgb(18,38,37) hsl(177,36%,11%)
#0a1514 rgb(10,21,20) hsl(177,36%,6%)
#020303 rgb(2,3,3) hsl(177,36%,1%)

Adjacent colors

HEX RGB HSL
#336B43 rgb(51,107,67) hsl(137,35%,31%)
#336C69 rgb(51,108,105) hsl(177,36%,31%)
#334A6C rgb(51,74,108) hsl(216,36%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D79 rgb(59,125,121) hsl(176,36%,36%)
#336C69 rgb(51,108,105) hsl(177,36%,31%)
#2A5C58 rgb(42,92,88) hsl(175,37%,26%)
#224A47 rgb(34,74,71) hsl(176,37%,21%)
#1A3836 rgb(26,56,54) hsl(176,37%,16%)
#122625 rgb(18,38,37) hsl(177,36%,11%)

Triad color palettes

HEX RGB HSL
#336C69 rgb(51,108,105) hsl(177,36%,31%)
#6C3352 rgb(108,51,82) hsl(327,36%,31%)
#6C4D33 rgb(108,77,51) hsl(27,36%,31%)

Tetrad color palettes

HEX RGB HSL
#336C69 rgb(51,108,105) hsl(177,36%,31%)
#6C3336 rgb(108,51,54) hsl(357,36%,31%)
#336B4C rgb(51,107,76) hsl(147,35%,31%)
#6C4D33 rgb(108,77,51) hsl(27,36%,31%)