#AB325E

#AB325E

Color Values

HEX

#AB325E

RGB

171, 50, 94

HSL

338.2, 54.8%, 43.3%

HSV

338.2, 70.8%, 67.1%

CMYK

0.0%, 70.8%, 45.0%, 32.9%

OKLCH

0.5106 0.1602 2.6

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AB325E

#32AB7F

Analogous

#AB329A

#AB4232

#AB325E

Triadic

#AB325E

#5EAB32

#325EAB

Split Complementary

#AB325E

#32AB42

#329AAB

Tetradic

#AB325E

#9AAB32

#32AB7F

#4232AB

Color Blindness Simulation

Original

#AB325E

Protanopia

#777653

Deuteranopia

#7E8751

Tritanopia

#A54B49

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EFC8D6
300
#E3A0B9
400
#D46D93
500
#C53A6C
600
#9E2E57
700
#7E2545
800
#631D36
900
#48192A
950
#2E101A

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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