#A96FEC

#A96FEC

Color Values

HEX

#A96FEC

RGB

169, 111, 236

HSL

267.8, 76.7%, 68.0%

HSV

267.8, 53.0%, 92.5%

CMYK

28.4%, 53.0%, 0.0%, 7.5%

OKLCH

0.6568 0.1844 303.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A96FEC

#B2EC6F

Analogous

#6F73EC

#E76FEC

#A96FEC

Triadic

#A96FEC

#ECA96F

#6FECA9

Split Complementary

#A96FEC

#ECE76F

#73EC6F

Tetradic

#A96FEC

#EC6F73

#B2EC6F

#6FECE7

Color Blindness Simulation

Original

#A96FEC

Protanopia

#908FCE

Deuteranopia

#9398C6

Tritanopia

#A6B6B1

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D9C0F7
300
#BE93F1
400
#9B58E9
500
#781EE1
600
#6018B4
700
#4D1390
800
#3C0F71
900
#2E0F52
950
#1D0934

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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