#336C4F

#336C4F

Color Values

HEX

#336C4F

RGB

51, 108, 79

HSL

149.5, 35.8%, 31.2%

HSV

149.5, 52.8%, 42.4%

CMYK

52.8%, 0.0%, 26.9%, 57.6%

OKLCH

0.4839 0.077 159.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#336C4F

#6C3350

Analogous

#346C33

#336C6C

#336C4F

Triadic

#336C4F

#4F336C

#6C4F33

Split Complementary

#336C4F

#6C336C

#6C3334

Tetradic

#336C4F

#33346C

#6C3350

#6C6C33

Color Blindness Simulation

Original

#336C4F

Protanopia

#4C4C56

Deuteranopia

#484458

Tritanopia

#365C5D

Achromatopsia

#5E5E5E

CSS Usage

background-color: #336C4F;
color: #336C4F;
border-color: #336C4F;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CFE8DB
300
#ACD8C1
400
#7FC2A0
500
#52AD7F
600
#418B65
700
#346F51
800
#29573F
900
#214030
950
#15281E

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026