#AD5048

#AD5048

Color Values

HEX

#AD5048

RGB

173, 80, 72

HSL

4.8, 41.2%, 48.0%

HSV

4.8, 58.4%, 67.8%

CMYK

0.0%, 53.8%, 58.4%, 32.2%

OKLCH

0.5467 0.1236 26.9

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#AD5048

#48A5AD

Analogous

#AD4872

#AD8248

#AD5048

Triadic

#AD5048

#48AD50

#5048AD

Split Complementary

#AD5048

#48AD82

#4872AD

Tetradic

#AD5048

#72AD48

#48A5AD

#8248AD

Color Blindness Simulation

Original

#AD5048

Protanopia

#85844A

Deuteranopia

#8A914A

Tritanopia

#A84B4C

Achromatopsia

#636363

CSS Usage

background-color: #AD5048;
color: #AD5048;
border-color: #AD5048;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#EACFCD
300
#DBADA9
400
#C8807A
500
#B4534B
600
#90433C
700
#733530
800
#5A2A25
900
#42211E
950
#2A1513

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

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