#AA407C

#AA407C

Color Values

HEX

#AA407C

RGB

170, 64, 124

HSL

326.0, 45.3%, 45.9%

HSV

326.0, 62.4%, 66.7%

CMYK

0.0%, 62.4%, 27.1%, 33.3%

OKLCH

0.5353 0.1534 348.5

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AA407C

#40AA6E

Analogous

#A340AA

#AA4047

#AA407C

Triadic

#AA407C

#7CAA40

#407CAA

Split Complementary

#AA407C

#47AA40

#40AAA3

Tetradic

#AA407C

#AAA340

#40AA6E

#4047AA

Color Blindness Simulation

Original

#AA407C

Protanopia

#7C7B6D

Deuteranopia

#828A6A

Tritanopia

#A56260

Achromatopsia

#5B5B5B

CSS Usage

background-color: #AA407C;
color: #AA407C;
border-color: #AA407C;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDD
300
#DEA6C5
400
#CB76A6
500
#B94687
600
#94386C
700
#772D57
800
#5D2344
900
#441D33
950
#2B1220

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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