#AA59F4

#AA59F4

Color Values

HEX

#AA59F4

RGB

170, 89, 244

HSL

271.4, 87.6%, 65.3%

HSV

271.4, 63.5%, 95.7%

CMYK

30.3%, 63.5%, 0.0%, 4.3%

OKLCH

0.632 0.2247 304.8

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AA59F4

#A3F459

Analogous

#5D59F4

#F459F0

#AA59F4

Triadic

#AA59F4

#F4AA59

#59F4AA

Split Complementary

#AA59F4

#F0F459

#59F45D

Tetradic

#AA59F4

#F45D59

#A3F459

#59F0F4

Color Blindness Simulation

Original

#AA59F4

Protanopia

#8786CF

Deuteranopia

#8C92C5

Tritanopia

#A6B1AA

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBCFB
300
#C48CF7
400
#A54EF3
500
#8510EF
600
#6A0DBF
700
#550A99
800
#420878
900
#320A57
950
#200637

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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