#158C84

#158C84

Color Values

HEX

#158C84

RGB

21, 140, 132

HSL

176.0, 73.9%, 31.6%

HSV

176.0, 85.0%, 54.9%

CMYK

85.0%, 0.0%, 5.7%, 45.1%

OKLCH

0.5786 0.0967 187.6

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#158C84

#8C151D

Analogous

#158C49

#15598C

#158C84

Triadic

#158C84

#84158C

#8C8415

Split Complementary

#158C84

#8C1559

#8C4915

Tetradic

#158C84

#49158C

#8C151D

#598C15

Color Blindness Simulation

Original

#158C84

Protanopia

#494A86

Deuteranopia

#423986

Tritanopia

#1B8788

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F6F2
300
#95EFE9
400
#5BE6DD
500
#21DED1
600
#1BB1A7
700
#158E86
800
#116F69
900
#10514C
950
#0A3330

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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