#336C14

#336C14

Color Values

HEX

#336C14

RGB

51, 108, 20

HSL

98.9, 68.8%, 25.1%

HSV

98.9, 81.5%, 42.4%

CMYK

52.8%, 0.0%, 81.5%, 57.6%

OKLCH

0.4744 0.1319 137.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336C14

#4D146C

Analogous

#5F6C14

#146C21

#336C14

Triadic

#336C14

#14336C

#6C1433

Split Complementary

#336C14

#21146C

#6C145F

Tetradic

#336C14

#145F6C

#4D146C

#6C2114

Color Blindness Simulation

Original

#336C14

Protanopia

#4C4C29

Deuteranopia

#48442E

Tritanopia

#363A3E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #336C14;
color: #336C14;
border-color: #336C14;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FCF3
100
#EAF8E3
200
#D4F4C3
300
#B5EC98
400
#8DE260
500
#65D728
600
#51AC20
700
#418A19
800
#336C14
900
#284E12
950
#19320C

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3: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