#396E18

#396E18

Color Values

HEX

#396E18

RGB

57, 110, 24

HSL

97.0, 64.2%, 26.3%

HSV

97.0, 78.2%, 43.1%

CMYK

48.2%, 0.0%, 78.2%, 56.9%

OKLCH

0.4833 0.129 136.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#396E18

#4D186E

Analogous

#646E18

#186E22

#396E18

Triadic

#396E18

#18396E

#6E1839

Split Complementary

#396E18

#22186E

#6E1864

Tetradic

#396E18

#18646E

#4D186E

#6E2218

Color Blindness Simulation

Original

#396E18

Protanopia

#50502D

Deuteranopia

#4D4932

Tritanopia

#3C3D41

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F2C4
300
#B9E99B
400
#93DD64
500
#6CD12E
600
#57A725
700
#45861D
800
#366917
900
#2A4C14
950
#1A300D

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026