#AD1BAE

#AD1BAE

Color Values

HEX

#AD1BAE

RGB

173, 27, 174

HSL

299.6, 73.1%, 39.4%

HSV

299.6, 84.5%, 68.2%

CMYK

0.6%, 84.5%, 0.0%, 31.8%

OKLCH

0.5338 0.2302 327.9

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AD1BAE

#1CAE1B

Analogous

#631BAE

#AE1B65

#AD1BAE

Triadic

#AD1BAE

#AEAD1B

#1BAEAD

Split Complementary

#AD1BAE

#65AE1B

#1BAE63

Tetradic

#AD1BAE

#AE631B

#1CAE1B

#1B65AE

Color Blindness Simulation

Original

#AD1BAE

Protanopia

#6E6D8A

Deuteranopia

#768182

Tritanopia

#A66E68

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C1F5
300
#EE95EF
400
#E55CE6
500
#DB22DD
600
#B01BB1
700
#8C168D
800
#6E116E
900
#501150
950
#320A33

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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