#AD4AEB

#AD4AEB

Color Values

HEX

#AD4AEB

RGB

173, 74, 235

HSL

276,9, 80,1%, 60,6%

HSV

276,9, 68,5%, 92,2%

CMYK

26,4%, 68,5%, 0,0%, 7,8%

OKLCH

0,6117 0,2353 309,2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AD4AEB

#88EB4A

Analogous

#5D4AEB

#EB4AD8

#AD4AEB

Triadic

#AD4AEB

#EBAD4A

#4AEBAD

Split Complementary

#AD4AEB

#D8EB4A

#4AEB5D

Tetradic

#AD4AEB

#EB5D4A

#88EB4A

#4AD8EB

Color Blindness Simulation

Original

#AD4AEB

Protanopia

#8281C4

Deuteranopia

#888FBB

Tritanopia

#A8A59F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F0E1F9
200
#E2BFF8
300
#CD91F3
400
#B255EC
500
#9719E6
600
#7914B8
700
#611093
800
#4B0D73
900
#380E53
950
#240935

Contrast Checker

Text on white

4,24:1

AA Fail AAA Fail

Text on black

4,96:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026