#AA895F

#AA895F

Color Values

HEX

#AA895F

RGB

170, 137, 95

HSL

33.6, 30.6%, 52.0%

HSV

33.6, 44.1%, 66.7%

CMYK

0.0%, 19.4%, 44.1%, 33.3%

OKLCH

0.651 0.0702 72.8

Properties

Warm Light Nearest: burlywood 4

Color Harmonies

Complementary

#AA895F

#5F80AA

Analogous

#AA645F

#A6AA5F

#AA895F

Triadic

#AA895F

#5FAA89

#895FAA

Split Complementary

#AA895F

#5FA6AA

#645FAA

Tetradic

#AA895F

#5FAA64

#5F80AA

#AA5FA6

Color Blindness Simulation

Original

#AA895F

Protanopia

#9C9B69

Deuteranopia

#9EA06C

Tritanopia

#A87173

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DDD0
300
#D5C4AF
400
#BEA484
500
#A78458
600
#856A47
700
#6B5539
800
#53422C
900
#3E3223
950
#272016

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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