#AA5EEC

#AA5EEC

Color Values

HEX

#AA5EEC

RGB

170, 94, 236

HSL

272.1, 78.9%, 64.7%

HSV

272.1, 60.2%, 92.5%

CMYK

28.0%, 60.2%, 0.0%, 7.5%

OKLCH

0.6333 0.2094 305.9

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AA5EEC

#A0EC5E

Analogous

#635EEC

#EC5EE7

#AA5EEC

Triadic

#AA5EEC

#ECAA5E

#5EECAA

Split Complementary

#AA5EEC

#E7EC5E

#5EEC63

Tetradic

#AA5EEC

#EC635E

#A0EC5E

#5EE7EC

Color Blindness Simulation

Original

#AA5EEC

Protanopia

#8988CA

Deuteranopia

#8E93C1

Tritanopia

#A6AEA9

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A656EB
500
#871BE4
600
#6C16B6
700
#561192
800
#430D72
900
#330E53
950
#200934

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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