#158F98

#158F98

Color Values

HEX

#158F98

RGB

21, 143, 152

HSL

184.1, 75.7%, 33.9%

HSV

184.1, 86.2%, 59.6%

CMYK

86.2%, 5.9%, 0.0%, 40.4%

OKLCH

0.5939 0.0972 203.0

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#158F98

#981E15

Analogous

#15985F

#154E98

#158F98

Triadic

#158F98

#98158F

#8F9815

Split Complementary

#158F98

#98154E

#985F15

Tetradic

#158F98

#5F1598

#981E15

#4E9815

Color Blindness Simulation

Original

#158F98

Protanopia

#4A4B96

Deuteranopia

#433A95

Tritanopia

#1B9494

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F7F9
200
#C0F3F6
300
#93EAF0
400
#59DEE8
500
#1FD3E0
600
#19A9B3
700
#14878F
800
#0F6970
900
#0F4D51
950
#0A3133

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

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