#AD8878

#AD8878

Color Values

HEX

#AD8878

RGB

173, 136, 120

HSL

18.1, 24.4%, 57.5%

HSV

18.1, 30.6%, 67.8%

CMYK

0.0%, 21.4%, 30.6%, 32.2%

OKLCH

0.6575 0.0512 44.6

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AD8878

#789DAD

Analogous

#AD7883

#ADA378

#AD8878

Triadic

#AD8878

#78AD88

#8878AD

Split Complementary

#AD8878

#78ADA3

#7883AD

Tetradic

#AD8878

#83AD78

#789DAD

#A378AD

Color Blindness Simulation

Original

#AD8878

Protanopia

#9D9D7C

Deuteranopia

#9FA27D

Tritanopia

#AB7F80

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D8D3
300
#D1BCB3
400
#B8988A
500
#9F7360
600
#7F5C4D
700
#664A3E
800
#4F3A30
900
#3B2C26
950
#251C18

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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