#AB4D56

#AB4D56

Color Values

HEX

#AB4D56

RGB

171, 77, 86

HSL

354.3, 37.9%, 48.6%

HSV

354.3, 55.0%, 67.1%

CMYK

0.0%, 55.0%, 49.7%, 32.9%

OKLCH

0.5423 0.1235 16.3

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AB4D56

#4DABA2

Analogous

#AB4D85

#AB734D

#AB4D56

Triadic

#AB4D56

#56AB4D

#4D56AB

Split Complementary

#AB4D56

#4DAB73

#4D85AB

Tetradic

#AB4D56

#85AB4D

#4DABA2

#734DAB

Color Blindness Simulation

Original

#AB4D56

Protanopia

#828154

Deuteranopia

#888F53

Tritanopia

#A65252

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CED0
300
#D9ABAF
400
#C47D84
500
#B04F58
600
#8D3F47
700
#713339
800
#58282C
900
#412023
950
#291416

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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