#AD4A4F

#AD4A4F

Color Values

HEX

#AD4A4F

RGB

173, 74, 79

HSL

357.0, 40.1%, 48.4%

HSV

357.0, 57.2%, 67.8%

CMYK

0.0%, 57.2%, 54.3%, 32.2%

OKLCH

0.5393 0.13 19.5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4A4F

#4AADA8

Analogous

#AD4A80

#AD764A

#AD4A4F

Triadic

#AD4A4F

#4FAD4A

#4A4FAD

Split Complementary

#AD4A4F

#4AAD76

#4A80AD

Tetradic

#AD4A4F

#80AD4A

#4AADA8

#764AAD

Color Blindness Simulation

Original

#AD4A4F

Protanopia

#82814E

Deuteranopia

#888F4E

Tritanopia

#A84D4D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDCE
300
#DAA9AC
400
#C67B7F
500
#B34C51
600
#8F3D41
700
#723134
800
#592629
900
#421F21
950
#2A1415

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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