#AD525F

#AD525F

Color Values

HEX

#AD525F

RGB

173, 82, 95

HSL

351.4, 35.7%, 50.0%

HSV

351.4, 52.6%, 67.8%

CMYK

0.0%, 52.6%, 45.1%, 32.2%

OKLCH

0.5549 0.1194 12.9

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD525F

#52ADA0

Analogous

#AD528D

#AD7252

#AD525F

Triadic

#AD525F

#5FAD52

#525FAD

Split Complementary

#AD525F

#52AD72

#528DAD

Tetradic

#AD525F

#8DAD52

#52ADA0

#7252AD

Color Blindness Simulation

Original

#AD525F

Protanopia

#86855C

Deuteranopia

#8B925B

Tritanopia

#A85959

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8E9
200
#E8CFD2
300
#D8ACB2
400
#C27F89
500
#AD525F
600
#8A424C
700
#6F343D
800
#572930
900
#402125
950
#281518

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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