#AD5AE8

#AD5AE8

Color Values

HEX

#AD5AE8

RGB

173, 90, 232

HSL

275.1, 75.5%, 63.1%

HSV

275.1, 61.2%, 91.0%

CMYK

25.4%, 61.2%, 0.0%, 9.0%

OKLCH

0.6289 0.2115 308.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#AD5AE8

#95E85A

Analogous

#665AE8

#E85ADC

#AD5AE8

Triadic

#AD5AE8

#E8AD5A

#5AE8AD

Split Complementary

#AD5AE8

#DCE85A

#5AE866

Tetradic

#AD5AE8

#E8665A

#95E85A

#5ADCE8

Color Blindness Simulation

Original

#AD5AE8

Protanopia

#8988C6

Deuteranopia

#8E94BD

Tritanopia

#A9AAA5

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E0C0F6
300
#CA94F0
400
#AD59E8
500
#901FE0
600
#7319B3
700
#5C148F
800
#481070
900
#361051
950
#220A33

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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