#396B56

#396B56

Color Values

HEX

#396B56

RGB

57, 107, 86

HSL

154.8, 30.5%, 32.2%

HSV

154.8, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 19.6%, 58.0%

OKLCH

0.486 0.0646 164.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396B56

#6B394E

Analogous

#396B3D

#39676B

#396B56

Triadic

#396B56

#56396B

#6B5639

Split Complementary

#396B56

#6B3967

#6B3D39

Tetradic

#396B56

#3D396B

#6B394E

#676B39

Color Blindness Simulation

Original

#396B56

Protanopia

#4F4F5B

Deuteranopia

#4C485C

Tritanopia

#3C5F60

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DD
300
#AFD4C5
400
#84BDA5
500
#59A686
600
#47856B
700
#396A56
800
#2C5343
900
#233E33
950
#162720

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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