#AB4897

#AB4897

Color Values

HEX

#AB4897

RGB

171, 72, 151

HSL

312.1, 40.7%, 47.6%

HSV

312.1, 57.9%, 67.1%

CMYK

0.0%, 57.9%, 11.7%, 32.9%

OKLCH

0.5583 0.1604 336.1

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AB4897

#48AB5C

Analogous

#8D48AB

#AB4865

#AB4897

Triadic

#AB4897

#97AB48

#4897AB

Split Complementary

#AB4897

#65AB48

#48AB8D

Tetradic

#AB4897

#AB8D48

#48AB5C

#4865AB

Color Blindness Simulation

Original

#AB4897

Protanopia

#807F84

Deuteranopia

#868D7F

Tritanopia

#A67571

Achromatopsia

#636363

CSS Usage

background-color: #AB4897;
color: #AB4897;
border-color: #AB4897;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACDE4
300
#DBA9D1
400
#C77AB8
500
#B34C9E
600
#903C7F
700
#733065
800
#5A264F
900
#421F3B
950
#2A1325

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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