#AB49AB

#AB49AB

Color Values

HEX

#AB49AB

RGB

171, 73, 171

HSL

300.0, 40.2%, 47.8%

HSV

300.0, 57.3%, 67.1%

CMYK

0.0%, 57.3%, 0.0%, 32.9%

OKLCH

0.5694 0.1756 327.6

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AB49AB

#49AB49

Analogous

#7A49AB

#AB497A

#AB49AB

Triadic

#AB49AB

#ABAB49

#49ABAB

Split Complementary

#AB49AB

#7AAB49

#49AB7A

Tetradic

#AB49AB

#AB7A49

#49AB49

#497AAB

Color Blindness Simulation

Original

#AB49AB

Protanopia

#818093

Deuteranopia

#868E8E

Tritanopia

#A6817C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDEA
300
#DAA9DA
400
#C77BC7
500
#B34CB3
600
#8F3D8F
700
#723172
800
#592659
900
#421F42
950
#2A142A

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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