#AD5453

#AD5453

Color Values

HEX

#AD5453

RGB

173, 84, 83

HSL

0.7, 35.4%, 50.2%

HSV

0.7, 52.0%, 67.8%

CMYK

0.0%, 51.4%, 52.0%, 32.2%

OKLCH

0.5551 0.117 22.2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD5453

#53ACAD

Analogous

#AD537F

#AD8153

#AD5453

Triadic

#AD5453

#53AD54

#5453AD

Split Complementary

#AD5453

#53AD81

#537FAD

Tetradic

#AD5453

#7FAD53

#53ACAD

#8153AD

Color Blindness Simulation

Original

#AD5453

Protanopia

#868653

Deuteranopia

#8C9253

Tritanopia

#A95353

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCF
300
#D7ADAC
400
#C2807F
500
#AD5352
600
#8A4342
700
#6E3535
800
#562A29
900
#402121
950
#281515

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026