#388358

#388358

Color Values

HEX

#388358

RGB

56, 131, 88

HSL

145.6, 40.1%, 36.7%

HSV

145.6, 57.3%, 51.4%

CMYK

57.3%, 0.0%, 32.8%, 48.6%

OKLCH

0.5505 0.101 155.7

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#388358

#833863

Analogous

#3E8338

#38837E

#388358

Triadic

#388358

#583883

#835838

Split Complementary

#388358

#7E3883

#83383E

Tetradic

#388358

#383E83

#833863

#837E38

Color Blindness Simulation

Original

#388358

Protanopia

#585962

Deuteranopia

#544E65

Tritanopia

#3C6B6C

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DABE
400
#7BC69B
500
#4CB378
600
#3D8F60
700
#31724D
800
#26593C
900
#1F422E
950
#142A1D

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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