#AA5778

#AA5778

Color Values

HEX

#AA5778

RGB

170, 87, 120

HSL

336.1, 32.8%, 50.4%

HSV

336.1, 48.8%, 66.7%

CMYK

0.0%, 48.8%, 29.4%, 33.3%

OKLCH

0.5658 0.1147 356.2

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AA5778

#57AA89

Analogous

#AA57A2

#AA5F57

#AA5778

Triadic

#AA5778

#78AA57

#5778AA

Split Complementary

#AA5778

#57AA5F

#57A2AA

Tetradic

#AA5778

#A2AA57

#57AA89

#5F57AA

Color Blindness Simulation

Original

#AA5778

Protanopia

#868570

Deuteranopia

#8B916E

Tritanopia

#A66A68

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AA5778;
color: #AA5778;
border-color: #AA5778;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E7D0D9
300
#D6AEBE
400
#C0829A
500
#A95677
600
#87455F
700
#6C374C
800
#552B3B
900
#3F222E
950
#28161D

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026