#AA5CEF

#AA5CEF

Color Values

HEX

#AA5CEF

RGB

170, 92, 239

HSL

271.8, 82.1%, 64.9%

HSV

271.8, 61.5%, 93.7%

CMYK

28.9%, 61.5%, 0.0%, 6.3%

OKLCH

0.6326 0.2154 305.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AA5CEF

#A1EF5C

Analogous

#605CEF

#EF5CEB

#AA5CEF

Triadic

#AA5CEF

#EFAA5C

#5CEFAA

Split Complementary

#AA5CEF

#EBEF5C

#5CEF60

Tetradic

#AA5CEF

#EF605C

#A1EF5C

#5CEBEF

Color Blindness Simulation

Original

#AA5CEF

Protanopia

#8888CB

Deuteranopia

#8D93C3

Tritanopia

#A6AFA9

Achromatopsia

#777777

CSS Usage

background-color: #AA5CEF;
color: #AA5CEF;
border-color: #AA5CEF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C590F4
400
#A553EE
500
#8617E8
600
#6B12BA
700
#560F95
800
#430B74
900
#330D54
950
#200835

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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