#80AA99

#80AA99

Color Values

HEX

#80AA99

RGB

128, 170, 153

HSL

155.7, 19.8%, 58.4%

HSV

155.7, 24.7%, 66.7%

CMYK

24.7%, 0.0%, 10.0%, 33.3%

OKLCH

0.7025 0.0518 168.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#80AA99

#AA8091

Analogous

#80AA84

#80A6AA

#80AA99

Triadic

#80AA99

#9980AA

#AA9980

Split Complementary

#80AA99

#AA80A6

#AA8480

Tetradic

#80AA99

#8480AA

#AA8091

#A6AA80

Color Blindness Simulation

Original

#80AA99

Protanopia

#92939D

Deuteranopia

#908D9E

Tritanopia

#82A0A1

Achromatopsia

#A0A0A0

CSS Usage

background-color: #80AA99;
color: #80AA99;
border-color: #80AA99;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC4
400
#8EB3A4
500
#669984
600
#527A6A
700
#416255
800
#334C42
900
#283932
950
#192420

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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