#AB504E

#AB504E

Color Values

HEX

#AB504E

RGB

171, 80, 78

HSL

1.3, 37.3%, 48.8%

HSV

1.3, 54.4%, 67.1%

CMYK

0.0%, 53.2%, 54.4%, 32.9%

OKLCH

0.5449 0.1202 23.1

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AB504E

#4EA9AB

Analogous

#AB4E7A

#AB7E4E

#AB504E

Triadic

#AB504E

#4EAB50

#504EAB

Split Complementary

#AB504E

#4EAB7E

#4E7AAB

Tetradic

#AB504E

#7AAB4E

#4EA9AB

#7E4EAB

Color Blindness Simulation

Original

#AB504E

Protanopia

#84834E

Deuteranopia

#89904F

Tritanopia

#A64F4F

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CFCE
300
#D9ACAB
400
#C47F7D
500
#AF5250
600
#8C4240
700
#703433
800
#582928
900
#412120
950
#291514

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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