#AB2185

#AB2185

Color Values

HEX

#AB2185

RGB

171, 33, 133

HSL

316.5, 67.6%, 40.0%

HSV

316.5, 80.7%, 67.1%

CMYK

0.0%, 80.7%, 22.2%, 32.9%

OKLCH

0.5117 0.197 342.2

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AB2185

#21AB47

Analogous

#8C21AB

#AB2140

#AB2185

Triadic

#AB2185

#85AB21

#2185AB

Split Complementary

#AB2185

#40AB21

#21AB8C

Tetradic

#AB2185

#AB8C21

#21AB47

#2140AB

Color Blindness Simulation

Original

#AB2185

Protanopia

#6F6E6D

Deuteranopia

#778267

Tritanopia

#A45A56

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C3E6
300
#EB98D4
400
#E061BD
500
#D629A6
600
#AB2185
700
#891A6A
800
#6B1553
900
#4E133E
950
#310C27

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

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