#158C86

#158C86

Color Values

HEX

#158C86

RGB

21, 140, 134

HSL

177.0, 73.9%, 31.6%

HSV

177.0, 85.0%, 54.9%

CMYK

85.0%, 0.0%, 4.3%, 45.1%

OKLCH

0.5793 0.0961 189.4

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#158C86

#8C151B

Analogous

#158C4B

#15578C

#158C86

Triadic

#158C86

#86158C

#8C8615

Split Complementary

#158C86

#8C1557

#8C4B15

Tetradic

#158C86

#4B158C

#8C151B

#578C15

Color Blindness Simulation

Original

#158C86

Protanopia

#494A87

Deuteranopia

#423988

Tritanopia

#1B8989

Achromatopsia

#727272

CSS Usage

background-color: #158C86;
color: #158C86;
border-color: #158C86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F6F3
300
#95EFEB
400
#5BE6DF
500
#21DED4
600
#1BB1AA
700
#158E88
800
#116F6A
900
#10514D
950
#0A3331

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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