#AD5680

#AD5680

Color Values

HEX

#AD5680

RGB

173, 86, 128

HSL

331.0, 34.7%, 50.8%

HSV

331.0, 50.3%, 67.8%

CMYK

0.0%, 50.3%, 26.0%, 32.2%

OKLCH

0.5711 0.1235 351.5

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AD5680

#56AD83

Analogous

#AD56AC

#AD5756

#AD5680

Triadic

#AD5680

#80AD56

#5680AD

Split Complementary

#AD5680

#56AD57

#56ACAD

Tetradic

#AD5680

#ACAD56

#56AD83

#5756AD

Color Blindness Simulation

Original

#AD5680

Protanopia

#878776

Deuteranopia

#8C9373

Tritanopia

#A96E6C

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E8CFDB
300
#D7ADC1
400
#C180A0
500
#AC537E
600
#894365
700
#6E3551
800
#562A3F
900
#402130
950
#28151E

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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