#AB506F

#AB506F

Color Values

HEX

#AB506F

RGB

171, 80, 111

HSL

339.6, 36.3%, 49.2%

HSV

339.6, 53.2%, 67.1%

CMYK

0.0%, 53.2%, 35.1%, 32.9%

OKLCH

0.5537 0.1235 0.4

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AB506F

#50AB8C

Analogous

#AB509C

#AB5E50

#AB506F

Triadic

#AB506F

#6FAB50

#506FAB

Split Complementary

#AB506F

#50AB5E

#509CAB

Tetradic

#AB506F

#9CAB50

#50AB8C

#5E50AB

Color Blindness Simulation

Original

#AB506F

Protanopia

#848368

Deuteranopia

#899066

Tritanopia

#A66260

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EB
200
#E8CED7
300
#D8ACBB
400
#C37E96
500
#AE5171
600
#8B415A
700
#6F3448
800
#572938
900
#40212B
950
#29151B

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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