#AD5EEB

#AD5EEB

Color Values

HEX

#AD5EEB

RGB

173, 94, 235

HSL

273.6, 77.9%, 64.5%

HSV

273.6, 60.0%, 92.2%

CMYK

26.4%, 60.0%, 0.0%, 7.8%

OKLCH

0.636 0.2091 307.3

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AD5EEB

#9CEB5E

Analogous

#665EEB

#EB5EE3

#AD5EEB

Triadic

#AD5EEB

#EBAD5E

#5EEBAD

Split Complementary

#AD5EEB

#E3EB5E

#5EEB66

Tetradic

#AD5EEB

#EB665E

#9CEB5E

#5EE3EB

Color Blindness Simulation

Original

#AD5EEB

Protanopia

#8B8AC9

Deuteranopia

#8F95C1

Tritanopia

#A9AEA8

Achromatopsia

#797979

CSS Usage

background-color: #AD5EEB;
color: #AD5EEB;
border-color: #AD5EEB;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#DFBFF7
300
#C892F1
400
#A957EA
500
#8B1CE3
600
#7017B5
700
#591291
800
#460E71
900
#350E52
950
#210934

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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