#A89076

#A89076

Color Values

HEX

#A89076

RGB

168, 144, 118

HSL

31.2, 22.3%, 56.1%

HSV

31.2, 29.8%, 65.9%

CMYK

0.0%, 14.3%, 29.8%, 34.1%

OKLCH

0.6682 0.0468 69.1

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#A89076

#768EA8

Analogous

#A87776

#A7A876

#A89076

Triadic

#A89076

#76A890

#9076A8

Split Complementary

#A89076

#76A7A8

#7776A8

Tetradic

#A89076

#76A877

#768EA8

#A876A7

Color Blindness Simulation

Original

#A89076

Protanopia

#9E9D7C

Deuteranopia

#9FA17E

Tritanopia

#A78182

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDEA
200
#E3DCD3
300
#CFC2B4
400
#B6A18C
500
#9C8163
600
#7D674F
700
#64523F
800
#4E4032
900
#3A3127
950
#251F18

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.92:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026