#AD8BCC

#AD8BCC

Color Values

HEX

#AD8BCC

RGB

173, 139, 204

HSL

271.4, 38.9%, 67.3%

HSV

271.4, 31.9%, 80.0%

CMYK

15.2%, 31.9%, 0.0%, 20.0%

OKLCH

0.6919 0.1 307.9

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#AD8BCC

#AACC8B

Analogous

#8D8BCC

#CC8BCB

#AD8BCC

Triadic

#AD8BCC

#CCAD8B

#8BCCAD

Split Complementary

#AD8BCC

#CBCC8B

#8BCC8D

Tetradic

#AD8BCC

#CC8D8B

#AACC8B

#8BCBCC

Color Blindness Simulation

Original

#AD8BCC

Protanopia

#9E9EBC

Deuteranopia

#A0A3B8

Tritanopia

#ABB0AD

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDE9
300
#C3AADA
400
#A27CC5
500
#824EB1
600
#683E8E
700
#533271
800
#412759
900
#311F41
950
#1F1429

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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