#386B60

#386B60

Color Values

HEX

#386B60

RGB

56, 107, 96

HSL

167.1, 31.3%, 32.0%

HSV

167.1, 47.7%, 42.0%

CMYK

47.7%, 0.0%, 10.3%, 58.0%

OKLCH

0.4886 0.0582 178.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#386B60

#6B3843

Analogous

#386B47

#385D6B

#386B60

Triadic

#386B60

#60386B

#6B6038

Split Complementary

#386B60

#6B385D

#6B4738

Tetradic

#386B60

#47386B

#6B3843

#5D6B38

Color Blindness Simulation

Original

#386B60

Protanopia

#4E4F63

Deuteranopia

#4B4763

Tritanopia

#3B6565

Achromatopsia

#5F5F5F

CSS Usage

background-color: #386B60;
color: #386B60;
border-color: #386B60;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E6E2
300
#AFD5CD
400
#83BEB1
500
#58A796
600
#468678
700
#386B60
800
#2C544B
900
#233E38
950
#162724

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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