#AD5384

#AD5384

Color Values

HEX

#AD5384

RGB

173, 83, 132

HSL

327.3, 35.4%, 50.2%

HSV

327.3, 52.0%, 67.8%

CMYK

0.0%, 52.0%, 23.7%, 32.2%

OKLCH

0.5682 0.1308 348.2

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AD5384

#53AD7C

Analogous

#A953AD

#AD5357

#AD5384

Triadic

#AD5384

#84AD53

#5384AD

Split Complementary

#AD5384

#57AD53

#53ADA9

Tetradic

#AD5384

#ADA953

#53AD7C

#5357AD

Color Blindness Simulation

Original

#AD5384

Protanopia

#868578

Deuteranopia

#8B9275

Tritanopia

#A86F6D

Achromatopsia

#6A6A6A

CSS Usage

background-color: #AD5384;
color: #AD5384;
border-color: #AD5384;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F8
100
#F3E8EE
200
#E8CFDC
300
#D7ACC4
400
#C27FA4
500
#AD5284
600
#8A4269
700
#6E3554
800
#562942
900
#402132
950
#28151F

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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