#AE71E6

#AE71E6

Color Values

HEX

#AE71E6

RGB

174, 113, 230

HSL

271.3, 70.1%, 67.3%

HSV

271.3, 50.9%, 90.2%

CMYK

24.3%, 50.9%, 0.0%, 9.8%

OKLCH

0.6616 0.1755 306.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AE71E6

#A9E671

Analogous

#7471E6

#E671E4

#AE71E6

Triadic

#AE71E6

#E6AE71

#71E6AE

Split Complementary

#AE71E6

#E4E671

#71E674

Tetradic

#AE71E6

#E67471

#A9E671

#71E4E6

Color Blindness Simulation

Original

#AE71E6

Protanopia

#9493CA

Deuteranopia

#979CC3

Tritanopia

#ABB3AE

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DCC2F4
300
#C497ED
400
#A45FE3
500
#8326D9
600
#691EAE
700
#54188B
800
#42136C
900
#32124F
950
#1F0B32

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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