#338D16

#338D16

Color Values

HEX

#338D16

RGB

51, 141, 22

HSL

105.4, 73.0%, 32.0%

HSV

105.4, 84.4%, 55.3%

CMYK

63.8%, 0.0%, 84.4%, 44.7%

OKLCH

0.5673 0.1712 139.8

Properties

Cool Light Nearest: forestgreen

Color Harmonies

Complementary

#338D16

#70168D

Analogous

#6F8D16

#168D35

#338D16

Triadic

#338D16

#16338D

#8D1633

Split Complementary

#338D16

#35168D

#8D166F

Tetradic

#338D16

#166F8D

#70168D

#8D3516

Color Blindness Simulation

Original

#338D16

Protanopia

#5A5B33

Deuteranopia

#554E3A

Tritanopia

#384A4F

Achromatopsia

#717171

CSS Usage

background-color: #338D16;
color: #338D16;
border-color: #338D16;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FCF3
100
#E7F8E2
200
#CEF5C1
300
#ABEE95
400
#7DE65C
500
#50DD22
600
#40B01C
700
#338D16
800
#286E11
900
#205011
950
#14330A

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass 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