#AD4B4D

#AD4B4D

Color Values

HEX

#AD4B4D

RGB

173, 75, 77

HSL

358.8, 39.5%, 48.6%

HSV

358.8, 56.6%, 67.8%

CMYK

0.0%, 56.6%, 55.5%, 32.2%

OKLCH

0.5403 0.1289 21.2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AD4B4D

#4BADAB

Analogous

#AD4B7E

#AD7A4B

#AD4B4D

Triadic

#AD4B4D

#4DAD4B

#4B4DAD

Split Complementary

#AD4B4D

#4BAD7A

#4B7EAD

Tetradic

#AD4B4D

#7EAD4B

#4BADAB

#7A4BAD

Color Blindness Simulation

Original

#AD4B4D

Protanopia

#83824D

Deuteranopia

#88904C

Tritanopia

#A84C4C

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CDCE
300
#DAAAAB
400
#C67B7D
500
#B24D4F
600
#8E3E3F
700
#723133
800
#592728
900
#421F20
950
#291414

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

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