#AA3AAF

#AA3AAF

Color Values

HEX

#AA3AAF

RGB

170, 58, 175

HSL

297.4, 50.2%, 45.7%

HSV

297.4, 66.9%, 68.6%

CMYK

2.9%, 66.9%, 0.0%, 31.4%

OKLCH

0.5533 0.1994 326.1

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AA3AAF

#3FAF3A

Analogous

#6F3AAF

#AF3A7A

#AA3AAF

Triadic

#AA3AAF

#AFAA3A

#3AAFAA

Split Complementary

#AA3AAF

#7AAF3A

#3AAF6F

Tetradic

#AA3AAF

#AF6F3A

#3FAF3A

#3A7AAF

Color Blindness Simulation

Original

#AA3AAF

Protanopia

#797993

Deuteranopia

#80888C

Tritanopia

#A47C77

Achromatopsia

#5A5A5A

CSS Usage

background-color: #AA3AAF;
color: #AA3AAF;
border-color: #AA3AAF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECC9ED
300
#DEA3E1
400
#CC71D0
500
#BA3FC0
600
#953399
700
#77297B
800
#5D2060
900
#441B46
950
#2B112C

Contrast Checker

Text on white

5.34:1

AA Pass AAA Fail

Text on black

3.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026