#386D63

#386D63

Color Values

HEX

#386D63

RGB

56, 109, 99

HSL

168.7, 32.1%, 32.4%

HSV

168.7, 48.6%, 42.7%

CMYK

48.6%, 0.0%, 9.2%, 57.3%

OKLCH

0.4949 0.0593 180.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#386D63

#6D3842

Analogous

#386D49

#385D6D

#386D63

Triadic

#386D63

#63386D

#6D6338

Split Complementary

#386D63

#6D385D

#6D4938

Tetradic

#386D63

#49386D

#6D3842

#5D6D38

Color Blindness Simulation

Original

#386D63

Protanopia

#4F4F65

Deuteranopia

#4C4866

Tritanopia

#3B6768

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E2
300
#AED5CE
400
#82BFB4
500
#57A899
600
#45877A
700
#376C62
800
#2B544D
900
#223E39
950
#162724

Contrast Checker

Text on white

5.94:1

AA Pass AAA Fail

Text on black

3.54:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026