#AD8FC5

#AD8FC5

Color Values

HEX

#AD8FC5

RGB

173, 143, 197

HSL

273.3, 31.8%, 66.7%

HSV

273.3, 27.4%, 77.3%

CMYK

12.2%, 27.4%, 0.0%, 22.7%

OKLCH

0.6964 0.0841 309.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AD8FC5

#A7C58F

Analogous

#928FC5

#C58FC2

#AD8FC5

Triadic

#AD8FC5

#C5AD8F

#8FC5AD

Split Complementary

#AD8FC5

#C2C58F

#8FC592

Tetradic

#AD8FC5

#C5928F

#A7C58F

#8FC2C5

Color Blindness Simulation

Original

#AD8FC5

Protanopia

#A0A0B8

Deuteranopia

#A2A4B5

Tritanopia

#ACAEAB

Achromatopsia

#999999

CSS Usage

background-color: #AD8FC5;
color: #AD8FC5;
border-color: #AD8FC5;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C4AED5
400
#A483BF
500
#8457A8
600
#6A4686
700
#54386C
800
#422B54
900
#32233E
950
#201627

Contrast Checker

Text on white

2.8:1

AA Fail AAA Fail

Text on black

7.51:1

AA Pass AAA Pass

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