#AA5AF7

#AA5AF7

Color Values

HEX

#AA5AF7

RGB

170, 90, 247

HSL

270.6, 90.8%, 66.1%

HSV

270.6, 63.6%, 96.9%

CMYK

31.2%, 63.6%, 0.0%, 3.1%

OKLCH

0.6353 0.2266 304.1

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AA5AF7

#A7F75A

Analogous

#5C5AF7

#F75AF5

#AA5AF7

Triadic

#AA5AF7

#F7AA5A

#5AF7AA

Split Complementary

#AA5AF7

#F5F75A

#5AF75C

Tetradic

#AA5AF7

#F75C5A

#A7F75A

#5AF5F7

Color Blindness Simulation

Original

#AA5AF7

Protanopia

#8787D1

Deuteranopia

#8C92C8

Tritanopia

#A6B3AC

Achromatopsia

#767676

CSS Usage

background-color: #AA5AF7;
color: #AA5AF7;
border-color: #AA5AF7;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBBFC
300
#C38AF9
400
#A24BF6
500
#820CF3
600
#6809C3
700
#53089C
800
#41067A
900
#310958
950
#1F0638

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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