#AA8CF7

#AA8CF7

Color Values

HEX

#AA8CF7

RGB

170, 140, 247

HSL

256.8, 87.0%, 75.9%

HSV

256.8, 43.3%, 96.9%

CMYK

31.2%, 43.3%, 0.0%, 3.1%

OKLCH

0.7117 0.154 295.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AA8CF7

#D9F78C

Analogous

#8CA4F7

#DF8CF7

#AA8CF7

Triadic

#AA8CF7

#F7AA8C

#8CF7AA

Split Complementary

#AA8CF7

#F7DF8C

#A4F78C

Tetradic

#AA8CF7

#F78CA4

#D9F78C

#8CF7DF

Color Blindness Simulation

Original

#AA8CF7

Protanopia

#9D9DDD

Deuteranopia

#9FA1D7

Tritanopia

#A8C9C4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CEBCFA
300
#AA8DF7
400
#7D4FF3
500
#4F11EE
600
#3F0DBF
700
#320B99
800
#270877
900
#200B56
950
#140737

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.8:1

AA Pass AAA Pass

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