#AB8980

#AB8980

Color Values

HEX

#AB8980

RGB

171, 137, 128

HSL

12.6, 20.4%, 58.6%

HSV

12.6, 25.1%, 67.1%

CMYK

0.0%, 19.9%, 25.1%, 32.9%

OKLCH

0.6594 0.0438 35.3

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AB8980

#80A2AB

Analogous

#AB808C

#AB9E80

#AB8980

Triadic

#AB8980

#80AB89

#8980AB

Split Complementary

#AB8980

#80AB9E

#808CAB

Tetradic

#AB8980

#8CAB80

#80A2AB

#9E80AB

Color Blindness Simulation

Original

#AB8980

Protanopia

#9C9C82

Deuteranopia

#9EA183

Tritanopia

#A98484

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E3D7D4
300
#CEBBB5
400
#B4958D
500
#9A7065
600
#7B5A51
700
#624841
800
#4D3833
900
#392B28
950
#241B19

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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