#388C61

#388C61

Color Values

HEX

#388C61

RGB

56, 140, 97

HSL

149.3, 42.9%, 38.4%

HSV

149.3, 60.0%, 54.9%

CMYK

60.0%, 0.0%, 30.7%, 45.1%

OKLCH

0.5767 0.1057 158.1

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#388C61

#8C3863

Analogous

#398C38

#388C8B

#388C61

Triadic

#388C61

#61388C

#8C6138

Split Complementary

#388C61

#8B388C

#8C3839

Tetradic

#388C61

#38398C

#8C3863

#8C8B38

Color Blindness Simulation

Original

#388C61

Protanopia

#5C5D6B

Deuteranopia

#58516E

Tritanopia

#3C7475

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEBDB
300
#A8DCC1
400
#78C9A0
500
#49B67E
600
#3A9265
700
#2F7551
800
#245B3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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