#386C54

#386C54

Color Values

HEX

#386C54

RGB

56, 108, 84

HSL

152.3, 31.7%, 32.2%

HSV

152.3, 48.1%, 42.4%

CMYK

48.1%, 0.0%, 22.2%, 57.6%

OKLCH

0.4876 0.0688 162.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#386C54

#6C3850

Analogous

#386C3A

#386A6C

#386C54

Triadic

#386C54

#54386C

#6C5438

Split Complementary

#386C54

#6C386A

#6C3A38

Tetradic

#386C54

#3A386C

#6C3850

#6A6C38

Color Blindness Simulation

Original

#386C54

Protanopia

#4F4F5A

Deuteranopia

#4C485B

Tritanopia

#3B5E5F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DC
300
#AED5C3
400
#83BFA3
500
#57A883
600
#468668
700
#386B54
800
#2C5441
900
#233E32
950
#16271F

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