#AD65ED

#AD65ED

Color Values

HEX

#AD65ED

RGB

173, 101, 237

HSL

271.8, 79.1%, 66.3%

HSV

271.8, 57.4%, 92.9%

CMYK

27.0%, 57.4%, 0.0%, 7.1%

OKLCH

0.6469 0.2013 306.0

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AD65ED

#A5ED65

Analogous

#6965ED

#ED65E9

#AD65ED

Triadic

#AD65ED

#EDAD65

#65EDAD

Split Complementary

#AD65ED

#E9ED65

#65ED69

Tetradic

#AD65ED

#ED6965

#A5ED65

#65E9ED

Color Blindness Simulation

Original

#AD65ED

Protanopia

#8E8DCC

Deuteranopia

#9297C4

Tritanopia

#A9B2AC

Achromatopsia

#7E7E7E

CSS Usage

background-color: #AD65ED;
color: #AD65ED;
border-color: #AD65ED;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDBFF8
300
#C591F2
400
#A556EB
500
#861BE4
600
#6B15B7
700
#551192
800
#430D72
900
#330E53
950
#200934

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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