#338320

#338320

Color Values

HEX

#338320

RGB

51, 131, 32

HSL

108.5, 60.7%, 32.0%

HSV

108.5, 75.6%, 51.4%

CMYK

61.1%, 0.0%, 75.6%, 48.6%

OKLCH

0.5401 0.1541 140.3

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#338320

#702083

Analogous

#658320

#20833F

#338320

Triadic

#338320

#203383

#832033

Split Complementary

#338320

#3F2083

#832065

Tetradic

#338320

#206583

#702083

#833F20

Color Blindness Simulation

Original

#338320

Protanopia

#565638

Deuteranopia

#514B3E

Tritanopia

#374B4F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5FBF3
100
#E7F6E4
200
#CEF1C6
300
#ABE79D
400
#7DDA67
500
#50CD32
600
#40A428
700
#338320
800
#286619
900
#204B16
950
#142F0E

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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