#AD575D

#AD575D

Color Values

HEX

#AD575D

RGB

173, 87, 93

HSL

355.8, 34.4%, 51.0%

HSV

355.8, 49.7%, 67.8%

CMYK

0.0%, 49.7%, 46.2%, 32.2%

OKLCH

0.5621 0.1124 17.0

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD575D

#57ADA7

Analogous

#AD5788

#AD7C57

#AD575D

Triadic

#AD575D

#5DAD57

#575DAD

Split Complementary

#AD575D

#57AD7C

#5788AD

Tetradic

#AD575D

#88AD57

#57ADA7

#7C57AD

Color Blindness Simulation

Original

#AD575D

Protanopia

#88875C

Deuteranopia

#8D935B

Tritanopia

#A95A5A

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E9
200
#E8CFD1
300
#D7ADB0
400
#C18085
500
#AB545A
600
#894348
700
#6E3639
800
#562A2D
900
#3F2124
950
#281516

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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