#AA54EB

#AA54EB

Color Values

HEX

#AA54EB

RGB

170, 84, 235

HSL

274.2, 79.1%, 62.5%

HSV

274.2, 64.3%, 92.2%

CMYK

27.7%, 64.3%, 0.0%, 7.8%

OKLCH

0.6198 0.2219 307.3

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AA54EB

#95EB54

Analogous

#5E54EB

#EB54E0

#AA54EB

Triadic

#AA54EB

#EBAA54

#54EBAA

Split Complementary

#AA54EB

#E0EB54

#54EB5E

Tetradic

#AA54EB

#EB5E54

#95EB54

#54E0EB

Color Blindness Simulation

Original

#AA54EB

Protanopia

#8584C7

Deuteranopia

#8A90BE

Tritanopia

#A6AAA3

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF8
300
#C991F2
400
#AB56EB
500
#8E1BE4
600
#7115B7
700
#5B1192
800
#470D72
900
#350E53
950
#220934

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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