HEX #336E61 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336E61 color palette from light to dark

HEX RGB HSL
#f5faf9 rgb(245,250,249) hsl(167,37%,97%)
#e3f2ef rgb(227,242,239) hsl(167,37%,92%)
#d2eae5 rgb(210,234,229) hsl(167,37%,87%)
#c0e2db rgb(192,226,219) hsl(167,37%,82%)
#afdad1 rgb(175,218,209) hsl(167,37%,77%)
#9dd2c7 rgb(157,210,199) hsl(167,37%,72%)
#8ccabc rgb(140,202,188) hsl(167,37%,67%)
#7ac2b2 rgb(122,194,178) hsl(167,37%,62%)
#69baa8 rgb(105,186,168) hsl(167,37%,57%)
#57b29e rgb(87,178,158) hsl(167,37%,52%)
#4ca491 rgb(76,164,145) hsl(167,37%,47%)
#439382 rgb(67,147,130) hsl(167,37%,42%)
#3b8172 rgb(59,129,114) hsl(167,37%,37%)
#337063 rgb(51,112,99) hsl(167,37%,32%)
#2b5e53 rgb(43,94,83) hsl(167,37%,27%)
#234d44 rgb(35,77,68) hsl(167,37%,22%)
#1b3b34 rgb(27,59,52) hsl(167,37%,17%)
#132a25 rgb(19,42,37) hsl(167,37%,12%)
#0b1816 rgb(11,24,22) hsl(167,37%,7%)
#030706 rgb(3,7,6) hsl(167,37%,2%)

Adjacent colors

HEX RGB HSL
#336E39 rgb(51,110,57) hsl(126,37%,32%)
#336E61 rgb(51,110,97) hsl(167,37%,32%)
#33546E rgb(51,84,110) hsl(206,37%,32%)

Monochromatic colors

HEX RGB HSL
#3B8070 rgb(59,128,112) hsl(166,37%,37%)
#336E61 rgb(51,110,97) hsl(167,37%,32%)
#2A5C51 rgb(42,92,81) hsl(167,37%,26%)
#224A41 rgb(34,74,65) hsl(167,37%,21%)
#1A3832 rgb(26,56,50) hsl(168,37%,16%)
#122922 rgb(18,41,34) hsl(162,39%,12%)

Triad color palettes

HEX RGB HSL
#336E61 rgb(51,110,97) hsl(167,37%,32%)
#6E335D rgb(110,51,93) hsl(317,37%,32%)
#6E4233 rgb(110,66,51) hsl(15,37%,32%)

Tetrad color palettes

HEX RGB HSL
#336E61 rgb(51,110,97) hsl(167,37%,32%)
#6E3340 rgb(110,51,64) hsl(347,37%,32%)
#336E43 rgb(51,110,67) hsl(136,37%,32%)
#6E4233 rgb(110,66,51) hsl(15,37%,32%)