#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026