#AA5FFA

#AA5FFA

Color Values

HEX

#AA5FFA

RGB

170, 95, 250

HSL

269.0, 93.9%, 67.6%

HSV

269.0, 62.0%, 98.0%

CMYK

32.0%, 62.0%, 0.0%, 2.0%

OKLCH

0.6437 0.2232 302.9

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AA5FFA

#AFFA5F

Analogous

#5F61FA

#F75FFA

#AA5FFA

Triadic

#AA5FFA

#FAAA5F

#5FFAAA

Split Complementary

#AA5FFA

#FAF75F

#61FA5F

Tetradic

#AA5FFA

#FA5F61

#AFFA5F

#5FFAF7

Color Blindness Simulation

Original

#AA5FFA

Protanopia

#8A89D5

Deuteranopia

#8E94CC

Tritanopia

#A6B7B0

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DABAFD
300
#C088FB
400
#9E48F9
500
#7C08F7
600
#6306C6
700
#4F059E
800
#3E047C
900
#2F0859
950
#1E0538

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass AAA Fail

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