#AE75EC

#AE75EC

Color Values

HEX

#AE75EC

RGB

174, 117, 236

HSL

268.7, 75.8%, 69.2%

HSV

268.7, 50.4%, 92.5%

CMYK

26.3%, 50.4%, 0.0%, 7.5%

OKLCH

0.6712 0.1764 304.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AE75EC

#B3EC75

Analogous

#7578EC

#E975EC

#AE75EC

Triadic

#AE75EC

#ECAE75

#75ECAE

Split Complementary

#AE75EC

#ECE975

#78EC75

Tetradic

#AE75EC

#EC7578

#B3EC75

#75ECE9

Color Blindness Simulation

Original

#AE75EC

Protanopia

#9595CF

Deuteranopia

#999DC8

Tritanopia

#ABB8B3

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DAC0F6
300
#C093F0
400
#9E59E8
500
#7B1FE0
600
#6319B3
700
#4F148F
800
#3E0F70
900
#2F0F52
950
#1E0A33

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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