#AB213F

#AB213F

Color Values

HEX

#AB213F

RGB

171, 33, 63

HSL

347.0, 67.6%, 40.0%

HSV

347.0, 80.7%, 67.1%

CMYK

0.0%, 80.7%, 63.2%, 32.9%

OKLCH

0.4876 0.1722 15.0

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AB213F

#21AB8D

Analogous

#AB2184

#AB4821

#AB213F

Triadic

#AB213F

#3FAB21

#213FAB

Split Complementary

#AB213F

#21AB48

#2184AB

Tetradic

#AB213F

#84AB21

#21AB8D

#4821AB

Color Blindness Simulation

Original

#AB213F

Protanopia

#6F6E38

Deuteranopia

#778236

Tritanopia

#A43231

Achromatopsia

#414141

CSS Usage

background-color: #AB213F;
color: #AB213F;
border-color: #AB213F;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FCF3F5
100
#F7E3E7
200
#F3C3CE
300
#EB98AA
400
#E0617D
500
#D6294F
600
#AB213F
700
#891A32
800
#6B1527
900
#4E1320
950
#310C14

Contrast Checker

Text on white

6.95:1

AA Pass AAA Fail

Text on black

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