#336F0D

#336F0D

Color Values

HEX

#336F0D

RGB

51, 111, 13

HSL

96.7, 79.0%, 24.3%

HSV

96.7, 88.3%, 43.5%

CMYK

54.1%, 0.0%, 88.3%, 56.5%

OKLCH

0.4826 0.1391 136.9

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#336F0D

#490D6F

Analogous

#646F0D

#0D6F18

#336F0D

Triadic

#336F0D

#0D336F

#6F0D33

Split Complementary

#336F0D

#180D6F

#6F0D64

Tetradic

#336F0D

#0D646F

#490D6F

#6F180D

Color Blindness Simulation

Original

#336F0D

Protanopia

#4D4E25

Deuteranopia

#4A452A

Tritanopia

#36373C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #336F0D;
color: #336F0D;
border-color: #336F0D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FCF2
100
#EAF9E1
200
#D5F8BF
300
#B7F291
400
#90EB56
500
#69E41B
600
#54B715
700
#439211
800
#35720D
900
#29530E
950
#1A3409

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

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