#AB6BDF

#AB6BDF

Color Values

HEX

#AB6BDF

RGB

171, 107, 223

HSL

273,1, 64,4%, 64,7%

HSV

273,1, 52,0%, 87,5%

CMYK

23,3%, 52,0%, 0,0%, 12,5%

OKLCH

0,6453 0,1759 307,7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB6BDF

#9FDF6B

Analogous

#716BDF

#DF6BD9

#AB6BDF

Triadic

#AB6BDF

#DFAB6B

#6BDFAB

Split Complementary

#AB6BDF

#D9DF6B

#6BDF71

Tetradic

#AB6BDF

#DF716B

#9FDF6B

#6BD9DF

Color Blindness Simulation

Original

#AB6BDF

Protanopia

#8F8FC3

Deuteranopia

#9398BC

Tritanopia

#A8ADA8

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C69AE9
400
#A764DD
500
#882DD2
600
#6D24A8
700
#571D86
800
#441769
900
#33144D
950
#200D30

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,9:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026