#AA0560

#AA0560

Color Values

HEX

#AA0560

RGB

170, 5, 96

HSL

326.9, 94.3%, 34.3%

HSV

326.9, 97.1%, 66.7%

CMYK

0.0%, 97.1%, 43.5%, 33.3%

OKLCH

0.4821 0.1945 356.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA0560

#05AA4F

Analogous

#A105AA

#AA050E

#AA0560

Triadic

#AA0560

#60AA05

#0560AA

Split Complementary

#AA0560

#0EAA05

#05AAA1

Tetradic

#AA0560

#AAA105

#05AA4F

#050EAA

Color Blindness Simulation

Original

#AA0560

Protanopia

#63614A

Deuteranopia

#6C7845

Tritanopia

#A23935

Achromatopsia

#2F2F2F

CSS Usage

background-color: #AA0560;
color: #AA0560;
border-color: #AA0560;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBADF
300
#FC88C8
400
#FA48AA
500
#F8078C
600
#C60670
700
#9F055A
800
#7C0446
900
#5A0735
950
#390521

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

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