#388379

#388379

Color Values

HEX

#388379

RGB

56, 131, 121

HSL

172.0, 40.1%, 36.7%

HSV

172.0, 57.3%, 51.4%

CMYK

57.3%, 0.0%, 7.6%, 48.6%

OKLCH

0.5599 0.0759 183.6

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#388379

#833842

Analogous

#388354

#386883

#388379

Triadic

#388379

#793883

#837938

Split Complementary

#388379

#833868

#835438

Tetradic

#388379

#543883

#833842

#688338

Color Blindness Simulation

Original

#388379

Protanopia

#58597B

Deuteranopia

#544E7C

Tritanopia

#3C7D7E

Achromatopsia

#727272

CSS Usage

background-color: #388379;
color: #388379;
border-color: #388379;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDEAE6
300
#A9DAD4
400
#7BC6BC
500
#4CB3A5
600
#3D8F84
700
#31726A
800
#265952
900
#1F423D
950
#142A27

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

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