#AA8947

#AA8947

Color Values

HEX

#AA8947

RGB

170, 137, 71

HSL

40.0, 41.1%, 47.3%

HSV

40.0, 58.2%, 66.7%

CMYK

0.0%, 19.4%, 58.2%, 33.3%

OKLCH

0.6472 0.0936 83.1

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#AA8947

#4768AA

Analogous

#AA5847

#9AAA47

#AA8947

Triadic

#AA8947

#47AA89

#8947AA

Split Complementary

#AA8947

#479AAA

#5847AA

Tetradic

#AA8947

#47AA58

#4768AA

#AA479A

Color Blindness Simulation

Original

#AA8947

Protanopia

#9C9B57

Deuteranopia

#9EA05B

Tritanopia

#A86466

Achromatopsia

#8B8B8B

CSS Usage

background-color: #AA8947;
color: #AA8947;
border-color: #AA8947;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#EAE0CD
300
#DBCAA9
400
#C7AE7A
500
#B4914B
600
#90743C
700
#735D30
800
#5A4826
900
#42361F
950
#2A2213

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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