#AA886F

#AA886F

Color Values

HEX

#AA886F

RGB

170, 136, 111

HSL

25.4, 25.8%, 55.1%

HSV

25.4, 34.7%, 66.7%

CMYK

0.0%, 20.0%, 34.7%, 33.3%

OKLCH

0.6522 0.0548 57.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AA886F

#6F91AA

Analogous

#AA6F73

#AAA66F

#AA886F

Triadic

#AA886F

#6FAA88

#886FAA

Split Complementary

#AA886F

#6FAAA6

#6F73AA

Tetradic

#AA886F

#73AA6F

#6F91AA

#A66FAA

Color Blindness Simulation

Original

#AA886F

Protanopia

#9B9B75

Deuteranopia

#9DA076

Tritanopia

#A87A7B

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DAD2
300
#D2BFB2
400
#B99D88
500
#A07A5F
600
#80624C
700
#674E3D
800
#503D2F
900
#3C2F25
950
#261E17

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

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