#AA8367

#AA8367

Color Values

HEX

#AA8367

RGB

170, 131, 103

HSL

25.1, 28.3%, 53.5%

HSV

25.1, 39.4%, 66.7%

CMYK

0.0%, 22.9%, 39.4%, 33.3%

OKLCH

0.6404 0.0625 57.0

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AA8367

#678EAA

Analogous

#AA676C

#AAA567

#AA8367

Triadic

#AA8367

#67AA83

#8367AA

Split Complementary

#AA8367

#67AAA5

#676CAA

Tetradic

#AA8367

#6CAA67

#678EAA

#A567AA

Color Blindness Simulation

Original

#AA8367

Protanopia

#99996E

Deuteranopia

#9B9E6F

Tritanopia

#A87374

Achromatopsia

#898989

CSS Usage

background-color: #AA8367;
color: #AA8367;
border-color: #AA8367;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5DAD1
300
#D3BFB0
400
#BB9C86
500
#A47A5B
600
#836149
700
#694E3B
800
#523D2E
900
#3D2E24
950
#261D17

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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