#387B56

#387B56

Color Values

HEX

#387B56

RGB

56, 123, 86

HSL

146.9, 37.4%, 35.1%

HSV

146.9, 54.5%, 48.2%

CMYK

54.5%, 0.0%, 30.1%, 51.8%

OKLCH

0.5285 0.0906 157.1

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#387B56

#7B385D

Analogous

#3B7B38

#387B78

#387B56

Triadic

#387B56

#56387B

#7B5638

Split Complementary

#387B56

#78387B

#7B383B

Tetradic

#387B56

#383B7B

#7B385D

#7B7838

Color Blindness Simulation

Original

#387B56

Protanopia

#55565F

Deuteranopia

#514C61

Tritanopia

#3B6668

Achromatopsia

#6A6A6A

CSS Usage

background-color: #387B56;
color: #387B56;
border-color: #387B56;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DA
300
#ABD9BF
400
#7DC49D
500
#50AF7B
600
#408C62
700
#33704E
800
#28583D
900
#20412F
950
#14291E

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026