#AD8DFE

#AD8DFE

Color Values

HEX

#AD8DFE

RGB

173, 141, 254

HSL

257,0, 98,3%, 77,5%

HSV

257,0, 44,5%, 99,6%

CMYK

31,9%, 44,5%, 0,0%, 0,4%

OKLCH

0,7198 0,1618 295,1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AD8DFE

#DEFE8D

Analogous

#8DA6FE

#E68DFE

#AD8DFE

Triadic

#AD8DFE

#FEAD8D

#8DFEAD

Split Complementary

#AD8DFE

#FEE68D

#A6FE8D

Tetradic

#AD8DFE

#FE8DA6

#DEFE8D

#8DFEE6

Color Blindness Simulation

Original

#AD8DFE

Protanopia

#9F9FE3

Deuteranopia

#A1A3DC

Tritanopia

#ABCDC8

Achromatopsia

#9C9C9C

CSS Usage

background-color: #AD8DFE;
color: #AD8DFE;
border-color: #AD8DFE;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F1FE
100
#E7DEFC
200
#CCB8FE
300
#A886FE
400
#7844FD
500
#4902FD
600
#3B02CA
700
#2F01A2
800
#25017E
900
#1E065B
950
#13043A

Contrast Checker

Text on white

2,62:1

AA Fail AAA Fail

Text on black

8,02:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026