#396B62

#396B62

Color Values

HEX

#396B62

RGB

57, 107, 98

HSL

169.2, 30.5%, 32.2%

HSV

169.2, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 8.4%, 58.0%

OKLCH

0.4898 0.0564 180.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#396B62

#6B3942

Analogous

#396B49

#395B6B

#396B62

Triadic

#396B62

#62396B

#6B6239

Split Complementary

#396B62

#6B395B

#6B4939

Tetradic

#396B62

#49396B

#6B3942

#5B6B39

Color Blindness Simulation

Original

#396B62

Protanopia

#4F4F64

Deuteranopia

#4C4865

Tritanopia

#3C6666

Achromatopsia

#606060

CSS Usage

background-color: #396B62;
color: #396B62;
border-color: #396B62;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D0E6E2
300
#AFD4CE
400
#84BDB3
500
#59A698
600
#47857A
700
#396A62
800
#2C534C
900
#233E39
950
#162724

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