#AA63E3

#AA63E3

Color Values

HEX

#AA63E3

RGB

170, 99, 227

HSL

273.3, 69.6%, 63.9%

HSV

273.3, 56.4%, 89.0%

CMYK

25.1%, 56.4%, 0.0%, 11.0%

OKLCH

0.6347 0.1923 307.4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AA63E3

#9CE363

Analogous

#6A63E3

#E363DC

#AA63E3

Triadic

#AA63E3

#E3AA63

#63E3AA

Split Complementary

#AA63E3

#DCE363

#63E36A

Tetradic

#AA63E3

#E36A63

#9CE363

#63DCE3

Color Blindness Simulation

Original

#AA63E3

Protanopia

#8B8BC4

Deuteranopia

#8F95BD

Tritanopia

#A6ACA6

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC2F4
300
#C697EC
400
#A85FE2
500
#8927D8
600
#6E1FAD
700
#58198A
800
#45136C
900
#34124F
950
#210B32

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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