#AD0560

#AD0560

Color Values

HEX

#AD0560

RGB

173, 5, 96

HSL

327.5, 94.4%, 34.9%

HSV

327.5, 97.1%, 67.8%

CMYK

0.0%, 97.1%, 44.5%, 32.2%

OKLCH

0.4877 0.1964 357.6

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD0560

#05AD52

Analogous

#A605AD

#AD050C

#AD0560

Triadic

#AD0560

#60AD05

#0560AD

Split Complementary

#AD0560

#0CAD05

#05ADA6

Tetradic

#AD0560

#ADA605

#05AD52

#050CAD

Color Blindness Simulation

Original

#AD0560

Protanopia

#64634A

Deuteranopia

#6E7B45

Tritanopia

#A53935

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADE
300
#FC88C7
400
#FA48A8
500
#F8078A
600
#C6066E
700
#9F0558
800
#7C0445
900
#5A0734
950
#390521

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026