#AD4853

#AD4853

Color Values

HEX

#AD4853

RGB

173, 72, 83

HSL

353.5, 41.2%, 48.0%

HSV

353.5, 58.4%, 67.8%

CMYK

0.0%, 58.4%, 52.0%, 32.2%

OKLCH

0.5374 0.1324 16.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4853

#48ADA2

Analogous

#AD4885

#AD6F48

#AD4853

Triadic

#AD4853

#53AD48

#4853AD

Split Complementary

#AD4853

#48AD6F

#4885AD

Tetradic

#AD4853

#85AD48

#48ADA2

#6F48AD

Color Blindness Simulation

Original

#AD4853

Protanopia

#818050

Deuteranopia

#878F50

Tritanopia

#A84E4E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #AD4853;
color: #AD4853;
border-color: #AD4853;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DBA9AE
400
#C87A82
500
#B44B56
600
#903C45
700
#733037
800
#5A252B
900
#421E22
950
#2A1316

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

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