#AD0BAF

#AD0BAF

Color Values

HEX

#AD0BAF

RGB

173, 11, 175

HSL

299,3, 88,2%, 36,5%

HSV

299,3, 93,7%, 68,6%

CMYK

1,1%, 93,7%, 0,0%, 31,4%

OKLCH

0,5285 0,2388 327,7

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AD0BAF

#0DAF0B

Analogous

#5B0BAF

#AF0B5F

#AD0BAF

Triadic

#AD0BAF

#AFAD0B

#0BAFAD

Split Complementary

#AD0BAF

#5FAF0B

#0BAF5B

Tetradic

#AD0BAF

#AF5B0B

#0DAF0B

#0B5FAF

Color Blindness Simulation

Original

#AD0BAF

Protanopia

#676587

Deuteranopia

#707C7E

Tritanopia

#A56861

Achromatopsia

#393939

CSS Usage

background-color: #AD0BAF;
color: #AD0BAF;
border-color: #AD0BAF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FABCFB
300
#F78CF8
400
#F24DF4
500
#ED0FF0
600
#BE0CC0
700
#980A9A
800
#770878
900
#560A57
950
#360637

Contrast Checker

Text on white

6,1:1

AA Pass AAA Fail

Text on black

3,44:1

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