#AB55A2

#AB55A2

Color Values

HEX

#AB55A2

RGB

171, 85, 162

HSL

306.3, 33.9%, 50.2%

HSV

306.3, 50.3%, 67.1%

CMYK

0.0%, 50.3%, 5.3%, 32.9%

OKLCH

0.581 0.1485 331.3

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#AB55A2

#55AB5E

Analogous

#8955AB

#AB5577

#AB55A2

Triadic

#AB55A2

#A2AB55

#55A2AB

Split Complementary

#AB55A2

#77AB55

#55AB89

Tetradic

#AB55A2

#AB8955

#55AB5E

#5577AB

Color Blindness Simulation

Original

#AB55A2

Protanopia

#86858F

Deuteranopia

#8B918B

Tritanopia

#A7817D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E7CFE5
300
#D7ADD2
400
#C181BA
500
#AB54A2
600
#894381
700
#6D3667
800
#552A51
900
#3F223C
950
#281526

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.55:1

AA Pass 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