#396E74

#396E74

Color Values

HEX

#396E74

RGB

57, 110, 116

HSL

186.1, 34.1%, 33.9%

HSV

186.1, 50.9%, 45.5%

CMYK

50.9%, 5.2%, 0.0%, 54.5%

OKLCH

0.5042 0.0572 205.1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#396E74

#743F39

Analogous

#39745C

#395074

#396E74

Triadic

#396E74

#74396E

#6E7439

Split Complementary

#396E74

#743950

#745C39

Tetradic

#396E74

#5C3974

#743F39

#507439

Color Blindness Simulation

Original

#396E74

Protanopia

#505073

Deuteranopia

#4D4972

Tritanopia

#3C7171

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE5E7
300
#ADD2D7
400
#80BAC1
500
#54A2AB
600
#438289
700
#36686D
800
#2A5155
900
#223C3F
950
#152628

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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