#AD86C3

#AD86C3

Color Values

HEX

#AD86C3

RGB

173, 134, 195

HSL

278.4, 33.7%, 64.5%

HSV

278.4, 31.3%, 76.5%

CMYK

11.3%, 31.3%, 0.0%, 23.5%

OKLCH

0.6788 0.0976 313.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AD86C3

#9CC386

Analogous

#8F86C3

#C386BA

#AD86C3

Triadic

#AD86C3

#C3AD86

#86C3AD

Split Complementary

#AD86C3

#BAC386

#86C38F

Tetradic

#AD86C3

#C38F86

#9CC386

#86BAC3

Color Blindness Simulation

Original

#AD86C3

Protanopia

#9C9CB4

Deuteranopia

#9EA1B1

Tritanopia

#ABA9A6

Achromatopsia

#939393

CSS Usage

background-color: #AD86C3;
color: #AD86C3;
border-color: #AD86C3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE7
300
#C8ADD6
400
#AA81C0
500
#8C55AA
600
#704488
700
#59366D
800
#462A55
900
#35223F
950
#211528

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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