HEX #336E60 color — Casal
The color #336E60 is a dark shade and moderately saturated.
Palette
336E60 color palette from light to dark
| HEX |
RGB |
HSL |
| #f5faf9 |
rgb(245,250,249) |
hsl(166,37%,97%) |
| #e3f2ef |
rgb(227,242,239) |
hsl(166,37%,92%) |
| #d2eae4 |
rgb(210,234,228) |
hsl(166,37%,87%) |
| #c0e2da |
rgb(192,226,218) |
hsl(166,37%,82%) |
| #afdad0 |
rgb(175,218,208) |
hsl(166,37%,77%) |
| #9dd2c6 |
rgb(157,210,198) |
hsl(166,37%,72%) |
| #8ccabb |
rgb(140,202,187) |
hsl(166,37%,67%) |
| #7ac2b1 |
rgb(122,194,177) |
hsl(166,37%,62%) |
| #69baa7 |
rgb(105,186,167) |
hsl(166,37%,57%) |
| #57b29d |
rgb(87,178,157) |
hsl(166,37%,52%) |
| #4ca490 |
rgb(76,164,144) |
hsl(166,37%,47%) |
| #439380 |
rgb(67,147,128) |
hsl(166,37%,42%) |
| #3b8171 |
rgb(59,129,113) |
hsl(166,37%,37%) |
| #337062 |
rgb(51,112,98) |
hsl(166,37%,32%) |
| #2b5e52 |
rgb(43,94,82) |
hsl(166,37%,27%) |
| #234d43 |
rgb(35,77,67) |
hsl(166,37%,22%) |
| #1b3b34 |
rgb(27,59,52) |
hsl(166,37%,17%) |
| #132a25 |
rgb(19,42,37) |
hsl(166,37%,12%) |
| #0b1815 |
rgb(11,24,21) |
hsl(166,37%,7%) |
| #030706 |
rgb(3,7,6) |
hsl(166,37%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #336E38 |
rgb(51,110,56) |
hsl(125,37%,32%) |
| #336E60 |
rgb(51,110,96) |
hsl(166,37%,32%) |
| #33546E |
rgb(51,84,110) |
hsl(206,37%,32%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #3B806F |
rgb(59,128,111) |
hsl(165,37%,37%) |
| #336E60 |
rgb(51,110,96) |
hsl(166,37%,32%) |
| #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%) |
| #122922 |
rgb(18,41,34) |
hsl(162,39%,12%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #336E60 |
rgb(51,110,96) |
hsl(166,37%,32%) |
| #6E335E |
rgb(110,51,94) |
hsl(316,37%,32%) |
| #6E4233 |
rgb(110,66,51) |
hsl(15,37%,32%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #336E60 |
rgb(51,110,96) |
hsl(166,37%,32%) |
| #6E3341 |
rgb(110,51,65) |
hsl(346,37%,32%) |
| #336E42 |
rgb(51,110,66) |
hsl(135,37%,32%) |
| #6E4233 |
rgb(110,66,51) |
hsl(15,37%,32%) |
