#386B4F

#386B4F

Color Values

HEX

#386B4F

RGB

56, 107, 79

HSL

147.1, 31.3%, 32.0%

HSV

147.1, 47.7%, 42.0%

CMYK

47.7%, 0.0%, 26.2%, 58.0%

OKLCH

0.4836 0.0719 158.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#386B4F

#6B3854

Analogous

#3B6B38

#386B69

#386B4F

Triadic

#386B4F

#4F386B

#6B4F38

Split Complementary

#386B4F

#69386B

#6B383B

Tetradic

#386B4F

#383B6B

#6B3854

#6B6938

Color Blindness Simulation

Original

#386B4F

Protanopia

#4E4F56

Deuteranopia

#4B4757

Tritanopia

#3B5B5C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #386B4F;
color: #386B4F;
border-color: #386B4F;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E6DA
300
#AFD5C0
400
#83BE9E
500
#58A77C
600
#468663
700
#386B4F
800
#2C543E
900
#233E2F
950
#16271E

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

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