#AB6ACF

#AB6ACF

Color Values

HEX

#AB6ACF

RGB

171, 106, 207

HSL

278.6, 51.3%, 61.4%

HSV

278.6, 48.8%, 81.2%

CMYK

17.4%, 48.8%, 0.0%, 18.8%

OKLCH

0.635 0.1592 312.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AB6ACF

#8ECF6A

Analogous

#796ACF

#CF6AC1

#AB6ACF

Triadic

#AB6ACF

#CFAB6A

#6ACFAB

Split Complementary

#AB6ACF

#C1CF6A

#6ACF79

Tetradic

#AB6ACF

#CF796A

#8ECF6A

#6AC1CF

Color Blindness Simulation

Original

#AB6ACF

Protanopia

#8F8EB7

Deuteranopia

#9398B1

Tritanopia

#A8A39F

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#E1C9EE
300
#CBA2E1
400
#AF70D1
500
#923EC1
600
#75329A
700
#5E287B
800
#491F60
900
#371A47
950
#23102D

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

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