#AD8964

#AD8964

Color Values

HEX

#AD8964

RGB

173, 137, 100

HSL

30.4, 30.8%, 53.5%

HSV

30.4, 42.2%, 67.8%

CMYK

0.0%, 20.8%, 42.2%, 32.2%

OKLCH

0.6551 0.0675 67.0

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#AD8964

#6488AD

Analogous

#AD6464

#ACAD64

#AD8964

Triadic

#AD8964

#64AD89

#8964AD

Split Complementary

#AD8964

#64ACAD

#6464AD

Tetradic

#AD8964

#64AD64

#6488AD

#AD64AC

Color Blindness Simulation

Original

#AD8964

Protanopia

#9D9D6D

Deuteranopia

#A0A26F

Tritanopia

#AB7476

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DBD0
300
#D5C2AF
400
#BEA184
500
#A78058
600
#856647
700
#6B5238
800
#53402C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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