#A47641

#A47641

Color Values

HEX

#A47641

RGB

164, 118, 65

HSL

32.1, 43.2%, 44.9%

HSV

32.1, 60.4%, 64.3%

CMYK

0.0%, 28.0%, 60.4%, 35.7%

OKLCH

0.6011 0.0906 68.5

Properties

Warm Light Nearest: tan 4

Color Harmonies

Complementary

#A47641

#416FA4

Analogous

#A44441

#A0A441

#A47641

Triadic

#A47641

#41A476

#7641A4

Split Complementary

#A47641

#41A0A4

#4441A4

Tetradic

#A47641

#41A444

#416FA4

#A441A0

Color Blindness Simulation

Original

#A47641

Protanopia

#90904E

Deuteranopia

#939651

Tritanopia

#A2585A

Achromatopsia

#7C7C7C

CSS Usage

background-color: #A47641;
color: #A47641;
border-color: #A47641;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDCCC
300
#DCC4A7
400
#C9A478
500
#B78348
600
#92693A
700
#75542E
800
#5B4224
900
#43321E
950
#2A1F13

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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