#158F71

#158F71

Color Values

HEX

#158F71

RGB

21, 143, 113

HSL

165.2, 74.4%, 32.2%

HSV

165.2, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 21.0%, 43.9%

OKLCH

0.5806 0.1098 170.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#158F71

#8F1533

Analogous

#158F34

#15708F

#158F71

Triadic

#158F71

#71158F

#8F7115

Split Complementary

#158F71

#8F1570

#8F3415

Tetradic

#158F71

#34158F

#8F1533

#708F15

Color Blindness Simulation

Original

#158F71

Protanopia

#4A4B78

Deuteranopia

#433A7A

Tritanopia

#1B7E7F

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E2F8F3
200
#C1F6E9
300
#94EFD9
400
#5AE7C4
500
#21DEB0
600
#1AB28C
700
#158E70
800
#106F58
900
#105141
950
#0A3329

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026