#AB217D

#AB217D

Color Values

HEX

#AB217D

RGB

171, 33, 125

HSL

320.0, 67.6%, 40.0%

HSV

320.0, 80.7%, 67.1%

CMYK

0.0%, 80.7%, 26.9%, 32.9%

OKLCH

0.508 0.1922 345.5

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AB217D

#21AB4F

Analogous

#9421AB

#AB2138

#AB217D

Triadic

#AB217D

#7DAB21

#217DAB

Split Complementary

#AB217D

#38AB21

#21AB94

Tetradic

#AB217D

#AB9421

#21AB4F

#2138AB

Color Blindness Simulation

Original

#AB217D

Protanopia

#6F6E67

Deuteranopia

#778261

Tritanopia

#A45551

Achromatopsia

#454545

CSS Usage

background-color: #AB217D;
color: #AB217D;
border-color: #AB217D;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C3E3
300
#EB98D0
400
#E061B6
500
#D6299C
600
#AB217D
700
#891A64
800
#6B154E
900
#4E133A
950
#310C25

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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