#AB4971

#AB4971

Color Values

HEX

#AB4971

RGB

171, 73, 113

HSL

335.5, 40.2%, 47.8%

HSV

335.5, 57.3%, 67.1%

CMYK

0.0%, 57.3%, 33.9%, 32.9%

OKLCH

0.5444 0.1352 357.0

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#AB4971

#49AB83

Analogous

#AB49A2

#AB5249

#AB4971

Triadic

#AB4971

#71AB49

#4971AB

Split Complementary

#AB4971

#49AB52

#49A2AB

Tetradic

#AB4971

#A2AB49

#49AB83

#5249AB

Color Blindness Simulation

Original

#AB4971

Protanopia

#818067

Deuteranopia

#868E65

Tritanopia

#A6605E

Achromatopsia

#616161

CSS Usage

background-color: #AB4971;
color: #AB4971;
border-color: #AB4971;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD9
300
#DAA9BD
400
#C77B9A
500
#B34C76
600
#8F3D5E
700
#72314C
800
#59263B
900
#421F2D
950
#2A141D

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026