#AD4C56

#AD4C56

Color Values

HEX

#AD4C56

RGB

173, 76, 86

HSL

353.8, 39.0%, 48.8%

HSV

353.8, 56.1%, 67.8%

CMYK

0.0%, 56.1%, 50.3%, 32.2%

OKLCH

0.5438 0.1272 16.0

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4C56

#4CADA3

Analogous

#AD4C86

#AD724C

#AD4C56

Triadic

#AD4C56

#56AD4C

#4C56AD

Split Complementary

#AD4C56

#4CAD72

#4C86AD

Tetradic

#AD4C56

#86AD4C

#4CADA3

#724CAD

Color Blindness Simulation

Original

#AD4C56

Protanopia

#838254

Deuteranopia

#899053

Tritanopia

#A85251

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDD0
300
#DAAAAF
400
#C57C83
500
#B14E58
600
#8E3E46
700
#713238
800
#59272C
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