#AD3C9C

#AD3C9C

Color Values

HEX

#AD3C9C

RGB

173, 60, 156

HSL

309.0, 48.5%, 45.7%

HSV

309.0, 65.3%, 67.8%

CMYK

0.0%, 65.3%, 9.8%, 32.2%

OKLCH

0.5495 0.1832 334.3

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AD3C9C

#3CAD4D

Analogous

#853CAD

#AD3C64

#AD3C9C

Triadic

#AD3C9C

#9CAD3C

#3C9CAD

Split Complementary

#AD3C9C

#64AD3C

#3CAD85

Tetradic

#AD3C9C

#AD853C

#3CAD4D

#3C64AD

Color Blindness Simulation

Original

#AD3C9C

Protanopia

#7C7B85

Deuteranopia

#838B7F

Tritanopia

#A7726E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #AD3C9C;
color: #AD3C9C;
border-color: #AD3C9C;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F2
200
#EDCAE7
300
#DFA4D7
400
#CE73C1
500
#BD42AB
600
#973589
700
#792A6D
800
#5F2155
900
#461B3F
950
#2C1128

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

3.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