HEX #336B5F color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

336B5F color palette from light to dark

HEX RGB HSL
#f1f8f7 rgb(241,248,247) hsl(167,35%,96%)
#e0f0ed rgb(224,240,237) hsl(167,35%,91%)
#cfe8e2 rgb(207,232,226) hsl(167,35%,86%)
#bee0d8 rgb(190,224,216) hsl(167,35%,81%)
#acd7ce rgb(172,215,206) hsl(167,35%,76%)
#9bcfc4 rgb(155,207,196) hsl(167,35%,71%)
#8ac7b9 rgb(138,199,185) hsl(167,35%,66%)
#79beaf rgb(121,190,175) hsl(167,35%,61%)
#68b6a5 rgb(104,182,165) hsl(167,35%,56%)
#56ae9b rgb(86,174,155) hsl(167,35%,51%)
#4c9e8d rgb(76,158,141) hsl(167,35%,46%)
#448d7d rgb(68,141,125) hsl(167,35%,41%)
#3c7c6e rgb(60,124,110) hsl(167,35%,36%)
#336b5f rgb(51,107,95) hsl(167,35%,31%)
#2b5a4f rgb(43,90,79) hsl(167,35%,26%)
#234840 rgb(35,72,64) hsl(167,35%,21%)
#1b3731 rgb(27,55,49) hsl(167,35%,16%)
#122622 rgb(18,38,34) hsl(167,35%,11%)
#0a1512 rgb(10,21,18) hsl(167,35%,6%)
#020303 rgb(2,3,3) hsl(167,35%,1%)

Adjacent colors

HEX RGB HSL
#336B39 rgb(51,107,57) hsl(126,35%,31%)
#336B5F rgb(51,107,95) hsl(167,35%,31%)
#33526B rgb(51,82,107) hsl(207,35%,31%)

Monochromatic colors

HEX RGB HSL
#3B7D6E rgb(59,125,110) hsl(166,36%,36%)
#336B5F rgb(51,107,95) hsl(167,35%,31%)
#2A594F rgb(42,89,79) hsl(167,36%,26%)
#224A40 rgb(34,74,64) hsl(165,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
#336B5F rgb(51,107,95) hsl(167,35%,31%)
#6B335B rgb(107,51,91) hsl(317,35%,31%)
#6B4233 rgb(107,66,51) hsl(16,35%,31%)

Tetrad color palettes

HEX RGB HSL
#336B5F rgb(51,107,95) hsl(167,35%,31%)
#6B333F rgb(107,51,63) hsl(347,35%,31%)
#336B43 rgb(51,107,67) hsl(137,35%,31%)
#6B4233 rgb(107,66,51) hsl(16,35%,31%)