#AB12BA

#AB12BA

Color Values

HEX

#AB12BA

RGB

171, 18, 186

HSL

294.6, 82.4%, 40.0%

HSV

294.6, 90.3%, 72.9%

CMYK

8.1%, 90.3%, 0.0%, 27.1%

OKLCH

0.5346 0.243 323.7

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#AB12BA

#21BA12

Analogous

#5712BA

#BA1275

#AB12BA

Triadic

#AB12BA

#BAAB12

#12BAAB

Split Complementary

#AB12BA

#75BA12

#12BA57

Tetradic

#AB12BA

#BA5712

#21BA12

#1275BA

Color Blindness Simulation

Original

#AB12BA

Protanopia

#696791

Deuteranopia

#727D88

Tritanopia

#A3716A

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F7E1FA
200
#F3BEF9
300
#EB8FF4
400
#E053EE
500
#D616E9
600
#AB12BA
700
#890E95
800
#6B0B74
900
#4E0D54
950
#310835

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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