#158683

#158683

Color Values

HEX

#158683

RGB

21, 134, 131

HSL

178.4, 72.9%, 30.4%

HSV

178.4, 84.3%, 52.5%

CMYK

84.3%, 0.0%, 2.2%, 47.5%

OKLCH

0.5624 0.0922 192.0

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#158683

#861518

Analogous

#15864B

#155186

#158683

Triadic

#158683

#831586

#868315

Split Complementary

#158683

#861551

#864B15

Tetradic

#158683

#4B1586

#861518

#518615

Color Blindness Simulation

Original

#158683

Protanopia

#464784

Deuteranopia

#3F3784

Tritanopia

#1B8484

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F4
300
#95EEEC
400
#5CE5E2
500
#23DCD7
600
#1CB0AC
700
#168D8A
800
#116E6C
900
#11504F
950
#0B3332

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026