#AA5ADD

#AA5ADD

Color Values

HEX

#AA5ADD

RGB

170, 90, 221

HSL

276.6, 65.8%, 61.0%

HSV

276.6, 59.3%, 86.7%

CMYK

23.1%, 59.3%, 0.0%, 13.3%

OKLCH

0.6186 0.199 310.0

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AA5ADD

#8DDD5A

Analogous

#695ADD

#DD5ACF

#AA5ADD

Triadic

#AA5ADD

#DDAA5A

#5ADDAA

Split Complementary

#AA5ADD

#CFDD5A

#5ADD69

Tetradic

#AA5ADD

#DD695A

#8DDD5A

#5ACFDD

Color Blindness Simulation

Original

#AA5ADD

Protanopia

#8787BD

Deuteranopia

#8C92B6

Tritanopia

#A6A49F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C4F3
300
#CB9AEA
400
#AE63DF
500
#922CD3
600
#7523A9
700
#5D1C87
800
#49166A
900
#37144D
950
#230C31

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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