#AD4C57

#AD4C57

Color Values

HEX

#AD4C57

RGB

173, 76, 87

HSL

353.2, 39.0%, 48.8%

HSV

353.2, 56.1%, 67.8%

CMYK

0.0%, 56.1%, 49.7%, 32.2%

OKLCH

0.544 0.1272 15.4

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4C57

#4CADA2

Analogous

#AD4C87

#AD714C

#AD4C57

Triadic

#AD4C57

#57AD4C

#4C57AD

Split Complementary

#AD4C57

#4CAD71

#4C87AD

Tetradic

#AD4C57

#87AD4C

#4CADA2

#714CAD

Color Blindness Simulation

Original

#AD4C57

Protanopia

#838254

Deuteranopia

#899054

Tritanopia

#A85252

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#E9CDD1
300
#DAAAAF
400
#C57C84
500
#B14E59
600
#8E3E47
700
#713239
800
#59272D
900
#411F23
950
#291416

Contrast Checker

Text on white

5.32:1

AA Pass AAA Fail

Text on black

3.95:1

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