#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026