#AB54AA

#AB54AA

Color Values

HEX

#AB54AA

RGB

171, 84, 170

HSL

300.7, 34.1%, 50.0%

HSV

300.7, 50.9%, 67.1%

CMYK

0.0%, 50.9%, 0.6%, 32.9%

OKLCH

0.5834 0.1574 327.8

Properties

Warm Light Nearest: Vivid Violet

Color Harmonies

Complementary

#AB54AA

#54AB55

Analogous

#8154AB

#AB547E

#AB54AA

Triadic

#AB54AA

#AAAB54

#54AAAB

Split Complementary

#AB54AA

#7EAB54

#54AB81

Tetradic

#AB54AA

#AB8154

#54AB55

#547EAB

Color Blindness Simulation

Original

#AB54AA

Protanopia

#858595

Deuteranopia

#8A9190

Tritanopia

#A78581

Achromatopsia

#6D6D6D

CSS Usage

background-color: #AB54AA;
color: #AB54AA;
border-color: #AB54AA;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5FA
100
#F2E8F2
200
#E7CFE7
300
#D7ADD6
400
#C180C0
500
#AB54AA
600
#894388
700
#6D366D
800
#552A55
900
#3F223F
950
#281528

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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