HEX #336C60 color — Casal
The color #336C60 is a dark shade and moderately saturated.
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%) |