#80BFAB

#80BFAB

Color Values

HEX

#80BFAB

RGB

128, 191, 171

HSL

161.0, 33.0%, 62.5%

HSV

161.0, 33.0%, 74.9%

CMYK

33.0%, 0.0%, 10.5%, 25.1%

OKLCH

0.7561 0.0711 172.4

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#80BFAB

#BF8094

Analogous

#80BF8B

#80B3BF

#80BFAB

Triadic

#80BFAB

#AB80BF

#BFAB80

Split Complementary

#80BFAB

#BF80B3

#BF8B80

Tetradic

#80BFAB

#8B80BF

#BF8094

#B3BF80

Color Blindness Simulation

Original

#80BFAB

Protanopia

#9B9CB0

Deuteranopia

#9893B1

Tritanopia

#83B4B4

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E0
300
#AED6C9
400
#82C0AC
500
#55AA8F
600
#448872
700
#376D5B
800
#2B5547
900
#223F36
950
#162822

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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