#AA3575

#AA3575

Color Values

HEX

#AA3575

RGB

170, 53, 117

HSL

327.2, 52.5%, 43.7%

HSV

327.2, 68.8%, 66.7%

CMYK

0.0%, 68.8%, 31.2%, 33.3%

OKLCH

0.5201 0.1649 350.7

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AA3575

#35AA6A

Analogous

#A435AA

#AA353A

#AA3575

Triadic

#AA3575

#75AA35

#3575AA

Split Complementary

#AA3575

#3AAA35

#35AAA4

Tetradic

#AA3575

#AAA435

#35AA6A

#353AAA

Color Blindness Simulation

Original

#AA3575

Protanopia

#777666

Deuteranopia

#7E8762

Tritanopia

#A45957

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EEC9DD
300
#E2A2C5
400
#D26FA5
500
#C23D86
600
#9C306B
700
#7C2756
800
#611E43
900
#471A33
950
#2D1020

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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