#AA5FDC

#AA5FDC

Color Values

HEX

#AA5FDC

RGB

170, 95, 220

HSL

276.0, 64.1%, 61.8%

HSV

276.0, 56.8%, 86.3%

CMYK

22.7%, 56.8%, 0.0%, 13.7%

OKLCH

0.6249 0.1906 309.7

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#AA5FDC

#91DC5F

Analogous

#6C5FDC

#DC5FD0

#AA5FDC

Triadic

#AA5FDC

#DCAA5F

#5FDCAA

Split Complementary

#AA5FDC

#D0DC5F

#5FDC6C

Tetradic

#AA5FDC

#DC6C5F

#91DC5F

#5FD0DC

Color Blindness Simulation

Original

#AA5FDC

Protanopia

#8A89BE

Deuteranopia

#8E94B6

Tritanopia

#A6A6A1

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C4F2
300
#CA9BE9
400
#AD64DD
500
#902ED1
600
#7325A7
700
#5C1D86
800
#481769
900
#36144C
950
#220D30

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

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