#AA20B2

#AA20B2

Color Values

HEX

#AA20B2

RGB

170, 32, 178

HSL

296.7, 69.5%, 41.2%

HSV

296.7, 82.0%, 69.8%

CMYK

4.5%, 82.0%, 0.0%, 30.2%

OKLCH

0.5344 0.2283 325.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA20B2

#28B220

Analogous

#6120B2

#B22071

#AA20B2

Triadic

#AA20B2

#B2AA20

#20B2AA

Split Complementary

#AA20B2

#71B220

#20B261

Tetradic

#AA20B2

#B26120

#28B220

#2071B2

Color Blindness Simulation

Original

#AA20B2

Protanopia

#6E6D8F

Deuteranopia

#768186

Tritanopia

#A3736D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F7E3F8
200
#F1C2F4
300
#E897EC
400
#DB5FE2
500
#CE27D8
600
#A51FAD
700
#84198A
800
#67136C
900
#4B124F
950
#300B32

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026