#AD6EDD

#AD6EDD

Color Values

HEX

#AD6EDD

RGB

173, 110, 221

HSL

274.1, 62.0%, 64.9%

HSV

274.1, 50.2%, 86.7%

CMYK

21.7%, 50.2%, 0.0%, 13.3%

OKLCH

0.6509 0.1695 308.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AD6EDD

#9EDD6E

Analogous

#766EDD

#DD6ED5

#AD6EDD

Triadic

#AD6EDD

#DDAD6E

#6EDDAD

Split Complementary

#AD6EDD

#D5DD6E

#6EDD76

Tetradic

#AD6EDD

#DD766E

#9EDD6E

#6ED5DD

Color Blindness Simulation

Original

#AD6EDD

Protanopia

#9291C2

Deuteranopia

#959ABC

Tritanopia

#AAADA8

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C79CE8
400
#A966DB
500
#8A30CF
600
#6F27A5
700
#591F84
800
#451867
900
#34154B
950
#210E30

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.05:1

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