#80AAA6

#80AAA6

Color Values

HEX

#80AAA6

RGB

128, 170, 166

HSL

174.3, 19.8%, 58.4%

HSV

174.3, 24.7%, 66.7%

CMYK

24.7%, 0.0%, 2.4%, 33.3%

OKLCH

0.7064 0.0457 188.9

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#80AAA6

#AA8084

Analogous

#80AA91

#8099AA

#80AAA6

Triadic

#80AAA6

#A680AA

#AAA680

Split Complementary

#80AAA6

#AA8099

#AA9180

Tetradic

#80AAA6

#9180AA

#AA8084

#99AA80

Color Blindness Simulation

Original

#80AAA6

Protanopia

#9293A7

Deuteranopia

#908DA7

Tritanopia

#82A8A8

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D4E2E1
300
#B6CECC
400
#8EB3B0
500
#669994
600
#527A76
700
#41625F
800
#334C4A
900
#283937
950
#192423

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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