#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026