#AD8974

#AD8974

Color Values

HEX

#AD8974

RGB

173, 137, 116

HSL

22.1, 25.8%, 56.7%

HSV

22.1, 32.9%, 67.8%

CMYK

0.0%, 20.8%, 32.9%, 32.2%

OKLCH

0.6585 0.0535 51.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AD8974

#7498AD

Analogous

#AD747C

#ADA674

#AD8974

Triadic

#AD8974

#74AD89

#8974AD

Split Complementary

#AD8974

#74ADA6

#747CAD

Tetradic

#AD8974

#7CAD74

#7498AD

#A674AD

Color Blindness Simulation

Original

#AD8974

Protanopia

#9D9D79

Deuteranopia

#A0A27A

Tritanopia

#AB7D7E

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D2
300
#D2BEB2
400
#B99A88
500
#A0775F
600
#805F4C
700
#674C3D
800
#503B2F
900
#3C2D25
950
#261D17

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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