#AA8980

#AA8980

Color Values

HEX

#AA8980

RGB

170, 137, 128

HSL

12.9, 19.8%, 58.4%

HSV

12.9, 24.7%, 66.7%

CMYK

0.0%, 19.4%, 24.7%, 33.3%

OKLCH

0.6584 0.0427 35.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AA8980

#80A1AA

Analogous

#AA808C

#AA9E80

#AA8980

Triadic

#AA8980

#80AA89

#8980AA

Split Complementary

#AA8980

#80AA9E

#808CAA

Tetradic

#AA8980

#8CAA80

#80A1AA

#9E80AA

Color Blindness Simulation

Original

#AA8980

Protanopia

#9C9B82

Deuteranopia

#9EA083

Tritanopia

#A88484

Achromatopsia

#8F8F8F

CSS Usage

background-color: #AA8980;
color: #AA8980;
border-color: #AA8980;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D4
300
#CEBBB6
400
#B3968E
500
#997166
600
#7A5A52
700
#624841
800
#4C3933
900
#392C28
950
#241B19

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

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