#396F6F

#396F6F

Color Values

HEX

#396F6F

RGB

57, 111, 111

HSL

180.0, 32.1%, 32.9%

HSV

180.0, 48.6%, 43.5%

CMYK

48.6%, 0.0%, 0.0%, 56.5%

OKLCH

0.5048 0.0575 195.5

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#396F6F

#6F3939

Analogous

#396F54

#39546F

#396F6F

Triadic

#396F6F

#6F396F

#6F6F39

Split Complementary

#396F6F

#6F3954

#6F5439

Tetradic

#396F6F

#54396F

#6F3939

#546F39

Color Blindness Simulation

Original

#396F6F

Protanopia

#50516F

Deuteranopia

#4D496F

Tritanopia

#3C6F6F

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F2
200
#D0E7E7
300
#AED5D5
400
#82BFBF
500
#57A8A8
600
#458787
700
#376C6C
800
#2B5454
900
#223E3E
950
#162727

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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