#A97FF2

#A97FF2

Color Values

HEX

#A97FF2

RGB

169, 127, 242

HSL

261.9, 81.6%, 72.4%

HSV

261.9, 47.5%, 94.9%

CMYK

30.2%, 47.5%, 0.0%, 5.1%

OKLCH

0.6859 0.1673 298.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A97FF2

#C8F27F

Analogous

#7F8FF2

#E37FF2

#A97FF2

Triadic

#A97FF2

#F2A97F

#7FF2A9

Split Complementary

#A97FF2

#F2E37F

#8FF27F

Tetradic

#A97FF2

#F27F8F

#C8F27F

#7FF2E3

Color Blindness Simulation

Original

#A97FF2

Protanopia

#9796D6

Deuteranopia

#999CCF

Tritanopia

#A7C0BB

Achromatopsia

#909090

CSS Usage

background-color: #A97FF2;
color: #A97FF2;
border-color: #A97FF2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D3BEF8
300
#B490F4
400
#8C54EE
500
#6317E8
600
#5013B9
700
#400F94
800
#320C74
900
#270D54
950
#190835

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026