#396B67

#396B67

Color Values

HEX

#396B67

RGB

57, 107, 103

HSL

175.2, 30.5%, 32.2%

HSV

175.2, 46.7%, 42.0%

CMYK

46.7%, 0.0%, 3.7%, 58.0%

OKLCH

0.4915 0.0546 188.9

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#396B67

#6B393D

Analogous

#396B4E

#39566B

#396B67

Triadic

#396B67

#67396B

#6B6739

Split Complementary

#396B67

#6B3956

#6B4E39

Tetradic

#396B67

#4E396B

#6B393D

#566B39

Color Blindness Simulation

Original

#396B67

Protanopia

#4F4F68

Deuteranopia

#4C4868

Tritanopia

#3C6969

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E4
300
#AFD4D1
400
#84BDB9
500
#59A6A0
600
#478580
700
#396A67
800
#2C5350
900
#233E3C
950
#162726

Contrast Checker

Text on white

6.05:1

AA Pass AAA Fail

Text on black

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