#AD29D6

#AD29D6

Color Values

HEX

#AD29D6

RGB

173, 41, 214

HSL

285.8, 67.8%, 50.0%

HSV

285.8, 80.8%, 83.9%

CMYK

19.2%, 80.8%, 0.0%, 16.1%

OKLCH

0.5683 0.2503 316.2

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#AD29D6

#52D629

Analogous

#5729D6

#D629A8

#AD29D6

Triadic

#AD29D6

#D6AD29

#29D6AD

Split Complementary

#AD29D6

#A8D629

#29D657

Tetradic

#AD29D6

#D65729

#52D629

#29A8D6

Color Blindness Simulation

Original

#AD29D6

Protanopia

#7473AC

Deuteranopia

#7C85A2

Tritanopia

#A68B84

Achromatopsia

#525252

CSS Usage

background-color: #AD29D6;
color: #AD29D6;
border-color: #AD29D6;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FC
100
#F3E3F7
200
#E8C3F4
300
#D898EB
400
#C261E1
500
#AD29D6
600
#8A21AB
700
#6F1A89
800
#57156B
900
#40134E
950
#280C31

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

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