#AB4E99

#AB4E99

Color Values

HEX

#AB4E99

RGB

171, 78, 153

HSL

311.6, 37.3%, 48.8%

HSV

311.6, 54.4%, 67.1%

CMYK

0.0%, 54.4%, 10.5%, 32.9%

OKLCH

0.5671 0.1524 335.4

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#AB4E99

#4EAB60

Analogous

#8E4EAB

#AB4E6A

#AB4E99

Triadic

#AB4E99

#99AB4E

#4E99AB

Split Complementary

#AB4E99

#6AAB4E

#4EAB8E

Tetradic

#AB4E99

#AB8E4E

#4EAB60

#4E6AAB

Color Blindness Simulation

Original

#AB4E99

Protanopia

#838287

Deuteranopia

#888F82

Tritanopia

#A67975

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CEE3
300
#D9ABD0
400
#C47DB6
500
#AF509D
600
#8C407D
700
#703364
800
#58284E
900
#41203A
950
#291425

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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