#AB5157

#AB5157

Color Values

HEX

#AB5157

RGB

171, 81, 87

HSL

356.0, 35.7%, 49.4%

HSV

356.0, 52.6%, 67.1%

CMYK

0.0%, 52.6%, 49.1%, 32.9%

OKLCH

0.5485 0.1181 17.7

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AB5157

#51ABA5

Analogous

#AB5184

#AB7851

#AB5157

Triadic

#AB5157

#57AB51

#5157AB

Split Complementary

#AB5157

#51AB78

#5184AB

Tetradic

#AB5157

#84AB51

#51ABA5

#7851AB

Color Blindness Simulation

Original

#AB5157

Protanopia

#848356

Deuteranopia

#899055

Tritanopia

#A65454

Achromatopsia

#656565

CSS Usage

background-color: #AB5157;
color: #AB5157;
border-color: #AB5157;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFD0
300
#D8ACAF
400
#C27F83
500
#AD5258
600
#8A4246
700
#6F3438
800
#57292C
900
#402123
950
#281516

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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