#336B14

#336B14

Color Values

HEX

#336B14

RGB

51, 107, 20

HSL

98.6, 68.5%, 24.9%

HSV

98.6, 81.3%, 42.0%

CMYK

52.3%, 0.0%, 81.3%, 58.0%

OKLCH

0.4716 0.1306 137.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336B14

#4C146B

Analogous

#5F6B14

#146B20

#336B14

Triadic

#336B14

#14336B

#6B1433

Split Complementary

#336B14

#20146B

#6B145F

Tetradic

#336B14

#145F6B

#4C146B

#6B2014

Color Blindness Simulation

Original

#336B14

Protanopia

#4B4C29

Deuteranopia

#48442E

Tritanopia

#363A3D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EAF8E3
200
#D4F4C3
300
#B6EC98
400
#8EE160
500
#66D728
600
#52AC20
700
#42891A
800
#336B14
900
#284E13
950
#19310C

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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