#AB6ADD

#AB6ADD

Color Values

HEX

#AB6ADD

RGB

171, 106, 221

HSL

273.9, 62.8%, 64.1%

HSV

273.9, 52.0%, 86.7%

CMYK

22.6%, 52.0%, 0.0%, 13.3%

OKLCH

0.6426 0.1752 308.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB6ADD

#9CDD6A

Analogous

#716ADD

#DD6AD5

#AB6ADD

Triadic

#AB6ADD

#DDAB6A

#6ADDAB

Split Complementary

#AB6ADD

#D5DD6A

#6ADD71

Tetradic

#AB6ADD

#DD716A

#9CDD6A

#6AD5DD

Color Blindness Simulation

Original

#AB6ADD

Protanopia

#8F8EC1

Deuteranopia

#9398BA

Tritanopia

#A8ABA6

Achromatopsia

#808080

CSS Usage

background-color: #AB6ADD;
color: #AB6ADD;
border-color: #AB6ADD;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C79BE8
400
#A865DC
500
#8A2FD0
600
#6E26A6
700
#581E85
800
#451868
900
#34154C
950
#210D30

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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