#158F7B

#158F7B

Color Values

HEX

#158F7B

RGB

21, 143, 123

HSL

170.2, 74.4%, 32.2%

HSV

170.2, 85.3%, 56.1%

CMYK

85.3%, 0.0%, 14.0%, 43.9%

OKLCH

0.5836 0.1033 177.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#158F7B

#8F1529

Analogous

#158F3E

#15668F

#158F7B

Triadic

#158F7B

#7B158F

#8F7B15

Split Complementary

#158F7B

#8F1566

#8F3E15

Tetradic

#158F7B

#3E158F

#8F1529

#668F15

Color Blindness Simulation

Original

#158F7B

Protanopia

#4A4B80

Deuteranopia

#433A81

Tritanopia

#1B8484

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F5
200
#C1F6ED
300
#94EFE0
400
#5AE7D0
500
#21DEBF
600
#1AB299
700
#158E7A
800
#106F60
900
#105146
950
#0A332C

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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