#AA5386

#AA5386

Color Values

HEX

#AA5386

RGB

170, 83, 134

HSL

324.8, 34.4%, 49.6%

HSV

324.8, 51.2%, 66.7%

CMYK

0.0%, 51.2%, 21.2%, 33.3%

OKLCH

0.5648 0.1292 345.8

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AA5386

#53AA77

Analogous

#A253AA

#AA535B

#AA5386

Triadic

#AA5386

#86AA53

#5386AA

Split Complementary

#AA5386

#5BAA53

#53AAA2

Tetradic

#AA5386

#AAA253

#53AA77

#535BAA

Color Blindness Simulation

Original

#AA5386

Protanopia

#84847A

Deuteranopia

#899077

Tritanopia

#A6706E

Achromatopsia

#696969

CSS Usage

background-color: #AA5386;
color: #AA5386;
border-color: #AA5386;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F2E8EE
200
#E8CFDD
300
#D7ADC5
400
#C180A6
500
#AB5487
600
#89436C
700
#6E3656
800
#562A44
900
#3F2133
950
#281520

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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