#AD574D

#AD574D

Color Values

HEX

#AD574D

RGB

173, 87, 77

HSL

6.3, 38.4%, 49.0%

HSV

6.3, 55.5%, 67.8%

CMYK

0.0%, 49.7%, 55.5%, 32.2%

OKLCH

0.5586 0.1144 28.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD574D

#4DA3AD

Analogous

#AD4D73

#AD874D

#AD574D

Triadic

#AD574D

#4DAD57

#574DAD

Split Complementary

#AD574D

#4DAD87

#4D73AD

Tetradic

#AD574D

#73AD4D

#4DA3AD

#874DAD

Color Blindness Simulation

Original

#AD574D

Protanopia

#88874F

Deuteranopia

#8D9350

Tritanopia

#A95152

Achromatopsia

#696969

CSS Usage

background-color: #AD574D;
color: #AD574D;
border-color: #AD574D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#E9D0CE
300
#D9AFAA
400
#C5847C
500
#B0594F
600
#8D473F
700
#713932
800
#582C27
900
#412320
950
#291614

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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