#396B55

#396B55

Color Values

HEX

#396B55

RGB

57, 107, 85

HSL

153.6, 30.5%, 32.2%

HSV

153.6, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 20.6%, 58.0%

OKLCH

0.4857 0.0655 163.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#396B55

#6B394F

Analogous

#396B3C

#39686B

#396B55

Triadic

#396B55

#55396B

#6B5539

Split Complementary

#396B55

#6B3968

#6B3C39

Tetradic

#396B55

#3C396B

#6B394F

#686B39

Color Blindness Simulation

Original

#396B55

Protanopia

#4F4F5A

Deuteranopia

#4C485C

Tritanopia

#3C5F5F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DD
300
#AFD4C4
400
#84BDA4
500
#59A684
600
#47856A
700
#396A55
800
#2C5342
900
#233E32
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