#AD6DEC

#AD6DEC

Color Values

HEX

#AD6DEC

RGB

173, 109, 236

HSL

270,2, 77,0%, 67,6%

HSV

270,2, 53,8%, 92,5%

CMYK

26,7%, 53,8%, 0,0%, 7,5%

OKLCH

0,6579 0,1884 305,1

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AD6DEC

#ACEC6D

Analogous

#6D6DEC

#EC6DEC

#AD6DEC

Triadic

#AD6DEC

#ECAD6D

#6DECAD

Split Complementary

#AD6DEC

#ECEC6D

#6DEC6D

Tetradic

#AD6DEC

#EC6D6D

#ACEC6D

#6DECEC

Color Blindness Simulation

Original

#AD6DEC

Protanopia

#9191CD

Deuteranopia

#959AC6

Tritanopia

#AAB5B0

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE1F9
200
#DBC0F7
300
#C293F1
400
#A158E9
500
#801DE2
600
#6717B5
700
#521390
800
#400F71
900
#310F52
950
#1F0934

Contrast Checker

Text on white

3,4:1

AA Fail AAA Fail

Text on black

6,18: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