#396C56

#396C56

Color Values

HEX

#396C56

RGB

57, 108, 86

HSL

154.1, 30.9%, 32.4%

HSV

154.1, 47.2%, 42.4%

CMYK

47.2%, 0.0%, 20.4%, 57.6%

OKLCH

0.4887 0.0662 164.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396C56

#6C394F

Analogous

#396C3D

#39696C

#396C56

Triadic

#396C56

#56396C

#6C5639

Split Complementary

#396C56

#6C3969

#6C3D39

Tetradic

#396C56

#3D396C

#6C394F

#696C39

Color Blindness Simulation

Original

#396C56

Protanopia

#4F505B

Deuteranopia

#4C485D

Tritanopia

#3C6060

Achromatopsia

#606060

CSS Usage

background-color: #396C56;
color: #396C56;
border-color: #396C56;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E6DD
300
#AFD5C4
400
#83BEA5
500
#58A785
600
#46866A
700
#386B55
800
#2C5342
900
#233E32
950
#162720

Contrast Checker

Text on white

6.08:1

AA Pass AAA Fail

Text on black

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