#AA896F

#AA896F

Color Values

HEX

#AA896F

RGB

170, 137, 111

HSL

26.4, 25.8%, 55.1%

HSV

26.4, 34.7%, 66.7%

CMYK

0.0%, 19.4%, 34.7%, 33.3%

OKLCH

0.6543 0.0547 59.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AA896F

#6F90AA

Analogous

#AA6F73

#AAA66F

#AA896F

Triadic

#AA896F

#6FAA89

#896FAA

Split Complementary

#AA896F

#6FAAA6

#6F73AA

Tetradic

#AA896F

#73AA6F

#6F90AA

#A66FAA

Color Blindness Simulation

Original

#AA896F

Protanopia

#9C9B75

Deuteranopia

#9EA077

Tritanopia

#A87A7B

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DAD2
300
#D2C0B2
400
#B99E88
500
#A07C5F
600
#80634C
700
#674F3D
800
#503E2F
900
#3C2F25
950
#261E17

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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