#388C67

#388C67

Color Values

HEX

#388C67

RGB

56, 140, 103

HSL

153.6, 42.9%, 38.4%

HSV

153.6, 60.0%, 54.9%

CMYK

60.0%, 0.0%, 26.4%, 45.1%

OKLCH

0.5782 0.1002 161.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#388C67

#8C385D

Analogous

#388C3D

#38878C

#388C67

Triadic

#388C67

#67388C

#8C6738

Split Complementary

#388C67

#8C3887

#8C3D38

Tetradic

#388C67

#3D388C

#8C385D

#878C38

Color Blindness Simulation

Original

#388C67

Protanopia

#5C5D70

Deuteranopia

#585172

Tritanopia

#3C7779

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDD
300
#A8DCC5
400
#78C9A6
500
#49B686
600
#3A926B
700
#2F7556
800
#245B43
900
#1E4333
950
#132A20

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026