#80BEAD

#80BEAD

Color Values

HEX

#80BEAD

RGB

128, 190, 173

HSL

163.5, 32.3%, 62.4%

HSV

163.5, 32.6%, 74.5%

CMYK

32.6%, 0.0%, 8.9%, 25.5%

OKLCH

0.7544 0.0686 175.3

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#80BEAD

#BE8091

Analogous

#80BE8E

#80B0BE

#80BEAD

Triadic

#80BEAD

#AD80BE

#BEAD80

Split Complementary

#80BEAD

#BE80B0

#BE8E80

Tetradic

#80BEAD

#8E80BE

#BE8091

#B0BE80

Color Blindness Simulation

Original

#80BEAD

Protanopia

#9B9BB1

Deuteranopia

#9793B2

Tritanopia

#83B4B5

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E0
300
#AED6CB
400
#82BFAE
500
#56A992
600
#458775
700
#376C5D
800
#2B5449
900
#223F37
950
#162723

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.89:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026