#396F18

#396F18

Color Values

HEX

#396F18

RGB

57, 111, 24

HSL

97.2, 64.4%, 26.5%

HSV

97.2, 78.4%, 43.5%

CMYK

48.6%, 0.0%, 78.4%, 56.5%

OKLCH

0.4861 0.1303 136.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396F18

#4E186F

Analogous

#656F18

#186F23

#396F18

Triadic

#396F18

#18396F

#6F1839

Split Complementary

#396F18

#23186F

#6F1865

Tetradic

#396F18

#18656F

#4E186F

#6F2318

Color Blindness Simulation

Original

#396F18

Protanopia

#50512D

Deuteranopia

#4D4932

Tritanopia

#3C3E41

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F2C4
300
#B8E99A
400
#92DD64
500
#6CD22D
600
#56A824
700
#45861D
800
#366917
900
#2A4D14
950
#1A300D

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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