#336F31

#336F31

Color Values

HEX

#336F31

RGB

51, 111, 49

HSL

118.1, 38.8%, 31.4%

HSV

118.1, 55.9%, 43.5%

CMYK

54.1%, 0.0%, 55.9%, 56.5%

OKLCH

0.486 0.113 143.0

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#336F31

#6D316F

Analogous

#526F31

#316F4E

#336F31

Triadic

#336F31

#31336F

#6F3133

Split Complementary

#336F31

#4E316F

#6F3152

Tetradic

#336F31

#31526F

#6D316F

#6F4E31

Color Blindness Simulation

Original

#336F31

Protanopia

#4D4E40

Deuteranopia

#4A4544

Tritanopia

#364C4E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #336F31;
color: #336F31;
border-color: #336F31;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#CEE9CD
300
#ACDAAA
400
#7EC57C
500
#51B14E
600
#418E3E
700
#347132
800
#295827
900
#214120
950
#152914

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026