#AB9677

#AB9677

Color Values

HEX

#AB9677

RGB

171, 150, 119

HSL

35.8, 23.6%, 56.9%

HSV

35.8, 30.4%, 67.1%

CMYK

0.0%, 12.3%, 30.4%, 32.9%

OKLCH

0.6837 0.05 77.4

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#AB9677

#778CAB

Analogous

#AB7C77

#A6AB77

#AB9677

Triadic

#AB9677

#77AB96

#9677AB

Split Complementary

#AB9677

#77A6AB

#7C77AB

Tetradic

#AB9677

#77AB7C

#778CAB

#AB77A6

Color Blindness Simulation

Original

#AB9677

Protanopia

#A2A27E

Deuteranopia

#A3A580

Tritanopia

#AA8486

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1EEEA
200
#E4DDD3
300
#D0C5B3
400
#B7A58A
500
#9E8561
600
#7E6B4E
700
#65553E
800
#4F4331
900
#3B3226
950
#252018

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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