#396B54

#396B54

Color Values

HEX

#396B54

RGB

57, 107, 84

HSL

152.4, 30.5%, 32.2%

HSV

152.4, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 21.5%, 58.0%

OKLCH

0.4854 0.0664 162.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396B54

#6B3950

Analogous

#396B3B

#39696B

#396B54

Triadic

#396B54

#54396B

#6B5439

Split Complementary

#396B54

#6B3969

#6B3B39

Tetradic

#396B54

#3B396B

#6B3950

#696B39

Color Blindness Simulation

Original

#396B54

Protanopia

#4F4F5A

Deuteranopia

#4C485B

Tritanopia

#3C5E5F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DC
300
#AFD4C3
400
#84BDA3
500
#59A683
600
#478568
700
#396A54
800
#2C5341
900
#233E32
950
#16271F

Contrast Checker

Text on white

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