#AB215D

#AB215D

Color Values

HEX

#AB215D

RGB

171, 33, 93

HSL

333.9, 67.6%, 40.0%

HSV

333.9, 80.7%, 67.1%

CMYK

0.0%, 80.7%, 45.6%, 32.9%

OKLCH

0.4957 0.1776 0.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AB215D

#21AB6F

Analogous

#AB21A2

#AB2A21

#AB215D

Triadic

#AB215D

#5DAB21

#215DAB

Split Complementary

#AB215D

#21AB2A

#21A2AB

Tetradic

#AB215D

#A2AB21

#21AB6F

#2A21AB

Color Blindness Simulation

Original

#AB215D

Protanopia

#6F6E4E

Deuteranopia

#77824B

Tritanopia

#A44340

Achromatopsia

#434343

CSS Usage

background-color: #AB215D;
color: #AB215D;
border-color: #AB215D;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D8
300
#EB98BC
400
#E06198
500
#D62974
600
#AB215D
700
#891A4A
800
#6B153A
900
#4E132D
950
#310C1C

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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