#AA16AC

#AA16AC

Color Values

HEX

#AA16AC

RGB

170, 22, 172

HSL

299.2, 77.3%, 38.0%

HSV

299.2, 87.2%, 67.5%

CMYK

1.2%, 87.2%, 0.0%, 32.5%

OKLCH

0.5256 0.2306 327.6

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA16AC

#18AC16

Analogous

#5F16AC

#AC1663

#AA16AC

Triadic

#AA16AC

#ACAA16

#16ACAA

Split Complementary

#AA16AC

#63AC16

#16AC5F

Tetradic

#AA16AC

#AC5F16

#18AC16

#1663AC

Color Blindness Simulation

Original

#AA16AC

Protanopia

#6A6988

Deuteranopia

#727E7F

Tritanopia

#A36B65

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6C0F7
300
#F092F1
400
#E858EA
500
#DF1DE2
600
#B317B5
700
#8F1391
800
#700E71
900
#510F52
950
#330934

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

3.42:1

AA Fail 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