#AD4850

#AD4850

Color Values

HEX

#AD4850

RGB

173, 72, 80

HSL

355.2, 41.2%, 48.0%

HSV

355.2, 58.4%, 67.8%

CMYK

0.0%, 58.4%, 53.8%, 32.2%

OKLCH

0.5367 0.1324 17.9

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4850

#48ADA5

Analogous

#AD4882

#AD7248

#AD4850

Triadic

#AD4850

#50AD48

#4850AD

Split Complementary

#AD4850

#48AD72

#4882AD

Tetradic

#AD4850

#82AD48

#48ADA5

#7248AD

Color Blindness Simulation

Original

#AD4850

Protanopia

#81804E

Deuteranopia

#878F4E

Tritanopia

#A84D4C

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCF
300
#DBA9AD
400
#C87A80
500
#B44B53
600
#903C43
700
#733035
800
#5A252A
900
#421E21
950
#2A1315

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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