#158691

#158691

Color Values

HEX

#158691

RGB

21, 134, 145

HSL

185.3, 74.7%, 32.5%

HSV

185.3, 85.5%, 56.9%

CMYK

85.5%, 7.6%, 0.0%, 43.1%

OKLCH

0.5678 0.0928 205.4

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#158691

#912015

Analogous

#15915E

#154891

#158691

Triadic

#158691

#911586

#869115

Split Complementary

#158691

#911548

#915E15

Tetradic

#158691

#5E1591

#912015

#489115

Color Blindness Simulation

Original

#158691

Protanopia

#46478E

Deuteranopia

#3F378E

Tritanopia

#1B8C8C

Achromatopsia

#6F6F6F

CSS Usage

background-color: #158691;
color: #158691;
border-color: #158691;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FBFC
100
#E2F6F8
200
#C1F1F6
300
#94E7F0
400
#5ADBE7
500
#20CEDF
600
#1AA5B2
700
#15848F
800
#10676F
900
#104B51
950
#0A3033

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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