#AD3FAC

#AD3FAC

Color Values

HEX

#AD3FAC

RGB

173, 63, 172

HSL

300.5, 46.6%, 46.3%

HSV

300.5, 63.6%, 67.8%

CMYK

0.0%, 63.6%, 0.6%, 32.2%

OKLCH

0.5611 0.1919 328.1

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AD3FAC

#3FAD40

Analogous

#773FAD

#AD3F75

#AD3FAC

Triadic

#AD3FAC

#ACAD3F

#3FACAD

Split Complementary

#AD3FAC

#75AD3F

#3FAD77

Tetradic

#AD3FAC

#AD773F

#3FAD40

#3F75AD

Color Blindness Simulation

Original

#AD3FAC

Protanopia

#7D7C92

Deuteranopia

#848C8B

Tritanopia

#A87D78

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCBEC
300
#DEA5DE
400
#CD75CC
500
#BB44BA
600
#963695
700
#782C77
800
#5D225D
900
#451C44
950
#2B122B

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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