#AB6DFF

#AB6DFF

Color Values

HEX

#AB6DFF

RGB

171, 109, 255

HSL

265.5, 100.0%, 71.4%

HSV

265.5, 57.3%, 100.0%

CMYK

32.9%, 57.3%, 0.0%, 0.0%

OKLCH

0.6674 0.2098 300.4

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#AB6DFF

#C1FF6D

Analogous

#6D78FF

#F46DFF

#AB6DFF

Triadic

#AB6DFF

#FFAB6D

#6DFFAB

Split Complementary

#AB6DFF

#FFF46D

#78FF6D

Tetradic

#AB6DFF

#FF6D78

#C1FF6D

#6DFFF4

Color Blindness Simulation

Original

#AB6DFF

Protanopia

#9090DC

Deuteranopia

#9498D3

Tritanopia

#A8C0BA

Achromatopsia

#858585

CSS Usage

background-color: #AB6DFF;
color: #AB6DFF;
border-color: #AB6DFF;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D6B8FF
300
#B985FF
400
#9242FF
500
#6C00FF
600
#5700CC
700
#4500A3
800
#360080
900
#2A055C
950
#1A033A

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026