#336818

#336818

Color Values

HEX

#336818

RGB

51, 104, 24

HSL

99.8, 62.5%, 25.1%

HSV

99.8, 76.9%, 40.8%

CMYK

51.0%, 0.0%, 76.9%, 59.2%

OKLCH

0.4633 0.1242 137.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#336818

#4D1868

Analogous

#5B6818

#186825

#336818

Triadic

#336818

#183368

#681833

Split Complementary

#336818

#251868

#68185B

Tetradic

#336818

#185B68

#4D1868

#682518

Color Blindness Simulation

Original

#336818

Protanopia

#4A4A2B

Deuteranopia

#474330

Tritanopia

#363B3E

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EAF7E4
200
#D4F2C5
300
#B5E89C
400
#8DDC66
500
#65CF30
600
#51A626
700
#41851F
800
#336818
900
#284C15
950
#19300D

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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