#386C62

#386C62

Color Values

HEX

#386C62

RGB

56, 108, 98

HSL

168.5, 31.7%, 32.2%

HSV

168.5, 48.1%, 42.4%

CMYK

48.1%, 0.0%, 9.3%, 57.6%

OKLCH

0.4919 0.0585 179.8

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#386C62

#6C3842

Analogous

#386C48

#385C6C

#386C62

Triadic

#386C62

#62386C

#6C6238

Split Complementary

#386C62

#6C385C

#6C4838

Tetradic

#386C62

#48386C

#6C3842

#5C6C38

Color Blindness Simulation

Original

#386C62

Protanopia

#4F4F64

Deuteranopia

#4C4865

Tritanopia

#3B6667

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E2
300
#AED5CE
400
#83BFB3
500
#57A898
600
#46867A
700
#386B62
800
#2C544C
900
#233E39
950
#162724

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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