#AA3C77

#AA3C77

Color Values

HEX

#AA3C77

RGB

170, 60, 119

HSL

327.8, 47.8%, 45.1%

HSV

327.8, 64.7%, 66.7%

CMYK

0.0%, 64.7%, 30.0%, 33.3%

OKLCH

0.5286 0.1565 350.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AA3C77

#3CAA6F

Analogous

#A63CAA

#AA3C40

#AA3C77

Triadic

#AA3C77

#77AA3C

#3C77AA

Split Complementary

#AA3C77

#40AA3C

#3CAAA6

Tetradic

#AA3C77

#AAA63C

#3CAA6F

#3C40AA

Color Blindness Simulation

Original

#AA3C77

Protanopia

#7A7969

Deuteranopia

#818965

Tritanopia

#A45D5B

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADD
300
#DFA5C4
400
#CE74A4
500
#BC4384
600
#97356A
700
#792B54
800
#5E2142
900
#451C32
950
#2C1120

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

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