#388D64

#388D64

Color Values

HEX

#388D64

RGB

56, 141, 100

HSL

151.1, 43.1%, 38.6%

HSV

151.1, 60.3%, 55.3%

CMYK

60.3%, 0.0%, 29.1%, 44.7%

OKLCH

0.5801 0.1044 159.5

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#388D64

#8D3861

Analogous

#388D3A

#388B8D

#388D64

Triadic

#388D64

#64388D

#8D6438

Split Complementary

#388D64

#8D388B

#8D3A38

Tetradic

#388D64

#3A388D

#8D3861

#8B8D38

Color Blindness Simulation

Original

#388D64

Protanopia

#5D5E6E

Deuteranopia

#585270

Tritanopia

#3C7677

Achromatopsia

#787878

CSS Usage

background-color: #388D64;
color: #388D64;
border-color: #388D64;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDC
300
#A7DCC3
400
#78C9A2
500
#49B682
600
#3A9268
700
#2E7553
800
#245B41
900
#1E4331
950
#132A1F

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass 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