#158C97

#158C97

Color Values

HEX

#158C97

RGB

21, 140, 151

HSL

185.1, 75.6%, 33.7%

HSV

185.1, 86.1%, 59.2%

CMYK

86.1%, 7.3%, 0.0%, 40.8%

OKLCH

0.5857 0.096 205.0

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#158C97

#972015

Analogous

#159761

#154B97

#158C97

Triadic

#158C97

#97158C

#8C9715

Split Complementary

#158C97

#97154B

#976115

Tetradic

#158C97

#611597

#972015

#4B9715

Color Blindness Simulation

Original

#158C97

Protanopia

#494A94

Deuteranopia

#423994

Tritanopia

#1B9292

Achromatopsia

#737373

CSS Usage

background-color: #158C97;
color: #158C97;
border-color: #158C97;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FBFC
100
#E2F7F9
200
#C0F2F6
300
#94E8F0
400
#59DCE8
500
#1FD0E0
600
#19A6B3
700
#14858F
800
#106870
900
#0F4C51
950
#0A3033

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026