#AD5457

#AD5457

Color Values

HEX

#AD5457

RGB

173, 84, 87

HSL

358.0, 35.2%, 50.4%

HSV

358.0, 51.4%, 67.8%

CMYK

0.0%, 51.4%, 49.7%, 32.2%

OKLCH

0.556 0.1166 19.5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD5457

#54ADAA

Analogous

#AD5483

#AD7E54

#AD5457

Triadic

#AD5457

#57AD54

#5457AD

Split Complementary

#AD5457

#54AD7E

#5483AD

Tetradic

#AD5457

#83AD54

#54ADAA

#7E54AD

Color Blindness Simulation

Original

#AD5457

Protanopia

#868656

Deuteranopia

#8C9256

Tritanopia

#A95656

Achromatopsia

#676767

CSS Usage

background-color: #AD5457;
color: #AD5457;
border-color: #AD5457;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ACAE
400
#C27F82
500
#AC5356
600
#8A4244
700
#6E3537
800
#56292B
900
#402122
950
#281516

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail 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