#A96CFF

#A96CFF

Color Values

HEX

#A96CFF

RGB

169, 108, 255

HSL

264.9, 100.0%, 71.2%

HSV

264.9, 57.6%, 100.0%

CMYK

33.7%, 57.6%, 0.0%, 0.0%

OKLCH

0.664 0.2109 299.8

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A96CFF

#C2FF6C

Analogous

#6C79FF

#F36CFF

#A96CFF

Triadic

#A96CFF

#FFA96C

#6CFFA9

Split Complementary

#A96CFF

#FFF36C

#79FF6C

Tetradic

#A96CFF

#FF6C79

#C2FF6C

#6CFFF3

Color Blindness Simulation

Original

#A96CFF

Protanopia

#8F8EDB

Deuteranopia

#9297D3

Tritanopia

#A6BFB9

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F1FE
100
#EBDEFC
200
#D5B8FF
300
#B785FF
400
#9142FF
500
#6A00FF
600
#5500CC
700
#4400A3
800
#350080
900
#29055C
950
#1A033A

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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