#AB5670

#AB5670

Color Values

HEX

#AB5670

RGB

171, 86, 112

HSL

341.6, 33.6%, 50.4%

HSV

341.6, 49.7%, 67.1%

CMYK

0.0%, 49.7%, 34.5%, 32.9%

OKLCH

0.5631 0.1144 2.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#AB5670

#56AB91

Analogous

#AB569B

#AB6656

#AB5670

Triadic

#AB5670

#70AB56

#5670AB

Split Complementary

#AB5670

#56AB66

#569BAB

Tetradic

#AB5670

#9BAB56

#56AB91

#6656AB

Color Blindness Simulation

Original

#AB5670

Protanopia

#86856A

Deuteranopia

#8B9268

Tritanopia

#A76564

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EB
200
#E7CFD7
300
#D6ADBA
400
#C08194
500
#AA556F
600
#884459
700
#6D3647
800
#552A37
900
#3F222B
950
#28151B

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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