#AA24AF

#AA24AF

Color Values

HEX

#AA24AF

RGB

170, 36, 175

HSL

297.8, 65.9%, 41.4%

HSV

297.8, 79.4%, 68.6%

CMYK

2.9%, 79.4%, 0.0%, 31.4%

OKLCH

0.535 0.2228 326.5

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA24AF

#29AF24

Analogous

#6424AF

#AF246F

#AA24AF

Triadic

#AA24AF

#AFAA24

#24AFAA

Split Complementary

#AA24AF

#6FAF24

#24AF64

Tetradic

#AA24AF

#AF6424

#29AF24

#246FAF

Color Blindness Simulation

Original

#AA24AF

Protanopia

#706F8D

Deuteranopia

#788285

Tritanopia

#A3736D

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F6E3F7
200
#F1C4F3
300
#E799EA
400
#DA62DF
500
#CD2BD4
600
#A423A9
700
#831C87
800
#67166A
900
#4B144D
950
#2F0C31

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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