#AD40A3

#AD40A3

Color Values

HEX

#AD40A3

RGB

173, 64, 163

HSL

305.5, 46.0%, 46.5%

HSV

305.5, 63.0%, 67.8%

CMYK

0.0%, 63.0%, 5.8%, 32.2%

OKLCH

0.5574 0.1832 331.5

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AD40A3

#40AD4A

Analogous

#8140AD

#AD406D

#AD40A3

Triadic

#AD40A3

#A3AD40

#40A3AD

Split Complementary

#AD40A3

#6DAD40

#40AD81

Tetradic

#AD40A3

#AD8140

#40AD4A

#406DAD

Color Blindness Simulation

Original

#AD40A3

Protanopia

#7E7D8B

Deuteranopia

#848C85

Tritanopia

#A87874

Achromatopsia

#5E5E5E

CSS Usage

background-color: #AD40A3;
color: #AD40A3;
border-color: #AD40A3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA6D9
400
#CC75C4
500
#BA45AF
600
#95378C
700
#772C70
800
#5D2258
900
#451C41
950
#2B1229

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail 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