#396F40

#396F40

Color Values

HEX

#396F40

RGB

57, 111, 64

HSL

127.8, 32.1%, 32.9%

HSV

127.8, 48.6%, 43.5%

CMYK

48.6%, 0.0%, 42.3%, 56.5%

OKLCH

0.4915 0.0939 146.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#396F40

#6F3968

Analogous

#4D6F39

#396F5B

#396F40

Triadic

#396F40

#40396F

#6F4039

Split Complementary

#396F40

#5B396F

#6F394D

Tetradic

#396F40

#394D6F

#6F3968

#6F5B39

Color Blindness Simulation

Original

#396F40

Protanopia

#50514B

Deuteranopia

#4D494E

Tritanopia

#3C5456

Achromatopsia

#606060

CSS Usage

background-color: #396F40;
color: #396F40;
border-color: #396F40;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5F9F6
100
#E8F2EA
200
#D0E7D3
300
#AED5B3
400
#82BF8A
500
#57A861
600
#45874E
700
#376C3E
800
#2B5431
900
#223E26
950
#162718

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026