#AB214D

#AB214D

Color Values

HEX

#AB214D

RGB

171, 33, 77

HSL

340.9, 67.6%, 40.0%

HSV

340.9, 80.7%, 67.1%

CMYK

0.0%, 80.7%, 55.0%, 32.9%

OKLCH

0.4909 0.1736 8.3

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#AB214D

#21AB7F

Analogous

#AB2192

#AB3A21

#AB214D

Triadic

#AB214D

#4DAB21

#214DAB

Split Complementary

#AB214D

#21AB3A

#2192AB

Tetradic

#AB214D

#92AB21

#21AB7F

#3A21AB

Color Blindness Simulation

Original

#AB214D

Protanopia

#6F6E42

Deuteranopia

#778240

Tritanopia

#A43A38

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF3F6
100
#F7E3E9
200
#F3C3D3
300
#EB98B3
400
#E06189
500
#D62960
600
#AB214D
700
#891A3E
800
#6B1530
900
#4E1326
950
#310C18

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026