#AD6ADF

#AD6ADF

Color Values

HEX

#AD6ADF

RGB

173, 106, 223

HSL

274.4, 64.6%, 64.5%

HSV

274.4, 52.5%, 87.5%

CMYK

22.4%, 52.5%, 0.0%, 12.5%

OKLCH

0.6459 0.1781 308.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AD6ADF

#9CDF6A

Analogous

#736ADF

#DF6AD6

#AD6ADF

Triadic

#AD6ADF

#DFAD6A

#6ADFAD

Split Complementary

#AD6ADF

#D6DF6A

#6ADF73

Tetradic

#AD6ADF

#DF736A

#9CDF6A

#6AD6DF

Color Blindness Simulation

Original

#AD6ADF

Protanopia

#908FC3

Deuteranopia

#9499BC

Tritanopia

#AAACA7

Achromatopsia

#818181

CSS Usage

background-color: #AD6ADF;
color: #AD6ADF;
border-color: #AD6ADF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F2
300
#C89AE9
400
#AA64DE
500
#8C2DD2
600
#7024A8
700
#591D86
800
#461769
900
#35144D
950
#210D30

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

5.9:1

AA Pass 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