#AE5FFA

#AE5FFA

Color Values

HEX

#AE5FFA

RGB

174, 95, 250

HSL

270.6, 93.9%, 67.6%

HSV

270.6, 62.0%, 98.0%

CMYK

30.4%, 62.0%, 0.0%, 2.0%

OKLCH

0.648 0.2241 304.3

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AE5FFA

#ABFA5F

Analogous

#605FFA

#FA5FF8

#AE5FFA

Triadic

#AE5FFA

#FAAE5F

#5FFAAE

Split Complementary

#AE5FFA

#F8FA5F

#5FFA60

Tetradic

#AE5FFA

#FA605F

#ABFA5F

#5FF8FA

Color Blindness Simulation

Original

#AE5FFA

Protanopia

#8C8BD5

Deuteranopia

#9096CC

Tritanopia

#AAB7B0

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBAFD
300
#C388FB
400
#A248F9
500
#8208F7
600
#6806C6
700
#53059E
800
#41047C
900
#310859
950
#1F0538

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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