#AA3AAD

#AA3AAD

Color Values

HEX

#AA3AAD

RGB

170, 58, 173

HSL

298.4, 49.8%, 45.3%

HSV

298.4, 66.5%, 67.8%

CMYK

1.7%, 66.5%, 0.0%, 32.2%

OKLCH

0.5521 0.1977 326.8

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AA3AAD

#3DAD3A

Analogous

#703AAD

#AD3A77

#AA3AAD

Triadic

#AA3AAD

#ADAA3A

#3AADAA

Split Complementary

#AA3AAD

#77AD3A

#3AAD70

Tetradic

#AA3AAD

#AD703A

#3DAD3A

#3A77AD

Color Blindness Simulation

Original

#AA3AAD

Protanopia

#797991

Deuteranopia

#80888A

Tritanopia

#A47B76

Achromatopsia

#5A5A5A

CSS Usage

background-color: #AA3AAD;
color: #AA3AAD;
border-color: #AA3AAD;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#ECCAED
300
#DFA3E0
400
#CD72D0
500
#BC40BF
600
#963399
700
#78297A
800
#5E205F
900
#451B46
950
#2C112C

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026