#AE7FDF

#AE7FDF

Color Values

HEX

#AE7FDF

RGB

174, 127, 223

HSL

269,4, 60,0%, 68,6%

HSV

269,4, 43,0%, 87,5%

CMYK

22,0%, 43,0%, 0,0%, 12,5%

OKLCH

0,6806 0,1447 305,5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AE7FDF

#B0DF7F

Analogous

#7F80DF

#DE7FDF

#AE7FDF

Triadic

#AE7FDF

#DFAE7F

#7FDFAE

Split Complementary

#AE7FDF

#DFDE7F

#80DF7F

Tetradic

#AE7FDF

#DF7F80

#B0DF7F

#7FDFDE

Color Blindness Simulation

Original

#AE7FDF

Protanopia

#9A99C8

Deuteranopia

#9CA0C2

Tritanopia

#ACB5B1

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DBC6F1
300
#C19DE7
400
#A068D9
500
#7E33CC
600
#6529A3
700
#512183
800
#3F1A66
900
#30164B
950
#1E0E2F

Contrast Checker

Text on white

3,04:1

AA Fail AAA Fail

Text on black

6,9: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