#AD8870

#AD8870

Color Values

HEX

#AD8870

RGB

173, 136, 112

HSL

23.6, 27.1%, 55.9%

HSV

23.6, 35.3%, 67.8%

CMYK

0.0%, 21.4%, 35.3%, 32.2%

OKLCH

0.6556 0.0569 54.5

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AD8870

#7095AD

Analogous

#AD7077

#ADA770

#AD8870

Triadic

#AD8870

#70AD88

#8870AD

Split Complementary

#AD8870

#70ADA7

#7077AD

Tetradic

#AD8870

#77AD70

#7095AD

#A770AD

Color Blindness Simulation

Original

#AD8870

Protanopia

#9D9D76

Deuteranopia

#9FA277

Tritanopia

#AB7A7B

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D2
300
#D2BEB1
400
#BA9B87
500
#A2785D
600
#82604A
700
#684D3B
800
#513C2E
900
#3C2E25
950
#261D17

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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