#AD4B53

#AD4B53

Color Values

HEX

#AD4B53

RGB

173, 75, 83

HSL

355.1, 39.5%, 48.6%

HSV

355.1, 56.6%, 67.8%

CMYK

0.0%, 56.6%, 52.0%, 32.2%

OKLCH

0.5416 0.1285 17.5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4B53

#4BADA5

Analogous

#AD4B84

#AD744B

#AD4B53

Triadic

#AD4B53

#53AD4B

#4B53AD

Split Complementary

#AD4B53

#4BAD74

#4B84AD

Tetradic

#AD4B53

#84AD4B

#4BADA5

#744BAD

Color Blindness Simulation

Original

#AD4B53

Protanopia

#838251

Deuteranopia

#889051

Tritanopia

#A8504F

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDD0
300
#DAAAAE
400
#C67B81
500
#B24D55
600
#8E3E44
700
#723137
800
#59272B
900
#421F22
950
#291415

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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