#AD8180

#AD8180

Color Values

HEX

#AD8180

RGB

173, 129, 128

HSL

1.3, 21.5%, 59.0%

HSV

1.3, 26.0%, 67.8%

CMYK

0.0%, 25.4%, 26.0%, 32.2%

OKLCH

0.6458 0.0547 20.2

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AD8180

#80ACAD

Analogous

#AD8095

#AD9780

#AD8180

Triadic

#AD8180

#80AD81

#8180AD

Split Complementary

#AD8180

#80AD97

#8095AD

Tetradic

#AD8180

#95AD80

#80ACAD

#9780AD

Color Blindness Simulation

Original

#AD8180

Protanopia

#9A9A80

Deuteranopia

#9CA080

Tritanopia

#AB8080

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E3D4D4
300
#CFB5B5
400
#B58D8C
500
#9B6564
600
#7C5150
700
#634140
800
#4D3332
900
#3A2727
950
#251919

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026