#AB5876

#AB5876

Color Values

HEX

#AB5876

RGB

171, 88, 118

HSL

338.3, 33.1%, 50.8%

HSV

338.3, 48.5%, 67.1%

CMYK

0.0%, 48.5%, 31.0%, 32.9%

OKLCH

0.5681 0.1133 358.4

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AB5876

#58AB8D

Analogous

#AB58A0

#AB6458

#AB5876

Triadic

#AB5876

#76AB58

#5876AB

Split Complementary

#AB5876

#58AB64

#58A0AB

Tetradic

#AB5876

#A0AB58

#58AB8D

#6458AB

Color Blindness Simulation

Original

#AB5876

Protanopia

#87866F

Deuteranopia

#8C926D

Tritanopia

#A76968

Achromatopsia

#6C6C6C

CSS Usage

background-color: #AB5876;
color: #AB5876;
border-color: #AB5876;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E7CFD8
300
#D6AEBC
400
#C08198
500
#AA5574
600
#88445D
700
#6D374A
800
#552B3A
900
#3F222C
950
#28151C

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

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