#80BDA6

#80BDA6

Color Values

HEX

#80BDA6

RGB

128, 189, 166

HSL

157.4, 31.6%, 62.2%

HSV

157.4, 32.3%, 74.1%

CMYK

32.3%, 0.0%, 12.2%, 25.9%

OKLCH

0.7501 0.0715 168.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#80BDA6

#BD8097

Analogous

#80BD88

#80B6BD

#80BDA6

Triadic

#80BDA6

#A680BD

#BDA680

Split Complementary

#80BDA6

#BD80B6

#BD8880

Tetradic

#80BDA6

#8880BD

#BD8097

#B6BD80

Color Blindness Simulation

Original

#80BDA6

Protanopia

#9A9BAC

Deuteranopia

#9792AD

Tritanopia

#83B0B1

Achromatopsia

#AEAEAE

CSS Usage

background-color: #80BDA6;
color: #80BDA6;
border-color: #80BDA6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F8
100
#E8F2EE
200
#D0E7DE
300
#AED5C7
400
#83BEA8
500
#57A889
600
#46866E
700
#386B58
800
#2C5445
900
#233E34
950
#162721

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

9.75:1

AA Pass AAA Pass

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