#AB9680

#AB9680

Color Values

HEX

#AB9680

RGB

171, 150, 128

HSL

30.7, 20.4%, 58.6%

HSV

30.7, 25.1%, 67.1%

CMYK

0.0%, 12.3%, 25.1%, 32.9%

OKLCH

0.6858 0.04 68.4

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AB9680

#8095AB

Analogous

#AB8080

#AAAB80

#AB9680

Triadic

#AB9680

#80AB96

#9680AB

Split Complementary

#AB9680

#80AAAB

#8080AB

Tetradic

#AB9680

#80AB80

#8095AB

#AB80AA

Color Blindness Simulation

Original

#AB9680

Protanopia

#A2A285

Deuteranopia

#A3A587

Tritanopia

#AA8A8A

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DBD4
300
#CEC2B5
400
#B4A18D
500
#9A8065
600
#7B6651
700
#625241
800
#4D4033
900
#393128
950
#241F19

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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