#AB5BA7

#AB5BA7

Color Values

HEX

#AB5BA7

RGB

171, 91, 167

HSL

303.0, 32.3%, 51.4%

HSV

303.0, 46.8%, 67.1%

CMYK

0.0%, 46.8%, 2.3%, 32.9%

OKLCH

0.5921 0.1428 329.0

Properties

Warm Light Nearest: Vivid Violet

Color Harmonies

Complementary

#AB5BA7

#5BAB5F

Analogous

#875BAB

#AB5B7F

#AB5BA7

Triadic

#AB5BA7

#A7AB5B

#5BA7AB

Split Complementary

#AB5BA7

#7FAB5B

#5BAB87

Tetradic

#AB5BA7

#AB875B

#5BAB5F

#5B7FAB

Color Blindness Simulation

Original

#AB5BA7

Protanopia

#888895

Deuteranopia

#8D9390

Tritanopia

#A78683

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E7D0E6
300
#D6AED4
400
#BF82BC
500
#A956A5
600
#874584
700
#6C3769
800
#542B52
900
#3F223D
950
#271627

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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