#A89977

#A89977

Color Values

HEX

#A89977

RGB

168, 153, 119

HSL

41.6, 22.0%, 56.3%

HSV

41.6, 29.2%, 65.9%

CMYK

0.0%, 8.9%, 29.2%, 34.1%

OKLCH

0.6872 0.0505 87.0

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#A89977

#7786A8

Analogous

#A88177

#9FA877

#A89977

Triadic

#A89977

#77A899

#9977A8

Split Complementary

#A89977

#779FA8

#8177A8

Tetradic

#A89977

#77A881

#7786A8

#A8779F

Color Blindness Simulation

Original

#A89977

Protanopia

#A2A17F

Deuteranopia

#A2A481

Tritanopia

#A78687

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E3DED3
300
#CFC7B4
400
#B5A98C
500
#9C8A63
600
#7C6F50
700
#645940
800
#4E4532
900
#3A3427
950
#252119

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026