#AE6FDF

#AE6FDF

Color Values

HEX

#AE6FDF

RGB

174, 111, 223

HSL

273,8, 63,6%, 65,5%

HSV

273,8, 50,2%, 87,5%

CMYK

22,0%, 50,2%, 0,0%, 12,5%

OKLCH

0,6546 0,1705 308,4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AE6FDF

#A0DF6F

Analogous

#766FDF

#DF6FD8

#AE6FDF

Triadic

#AE6FDF

#DFAE6F

#6FDFAE

Split Complementary

#AE6FDF

#D8DF6F

#6FDF76

Tetradic

#AE6FDF

#DF766F

#A0DF6F

#6FD8DF

Color Blindness Simulation

Original

#AE6FDF

Protanopia

#9392C4

Deuteranopia

#969BBD

Tritanopia

#ABAEAA

Achromatopsia

#848484

CSS Usage

background-color: #AE6FDF;
color: #AE6FDF;
border-color: #AE6FDF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C79BE9
400
#A865DD
500
#8A2ED1
600
#6E25A7
700
#581E85
800
#451768
900
#34154C
950
#210D30

Contrast Checker

Text on white

3,42:1

AA Fail AAA Fail

Text on black

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