#AB5B7D

#AB5B7D

Color Values

HEX

#AB5B7D

RGB

171, 91, 125

HSL

334.5, 32.3%, 51.4%

HSV

334.5, 46.8%, 67.1%

CMYK

0.0%, 46.8%, 26.9%, 32.9%

OKLCH

0.5751 0.1114 354.3

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AB5B7D

#5BAB89

Analogous

#AB5BA5

#AB615B

#AB5B7D

Triadic

#AB5B7D

#7DAB5B

#5B7DAB

Split Complementary

#AB5B7D

#5BAB61

#5BA5AB

Tetradic

#AB5B7D

#A5AB5B

#5BAB89

#615BAB

Color Blindness Simulation

Original

#AB5B7D

Protanopia

#888875

Deuteranopia

#8D9373

Tritanopia

#A76E6D

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F5F7
100
#F2E8EC
200
#E7D0DA
300
#D6AEBF
400
#BF829C
500
#A95679
600
#874561
700
#6C374E
800
#542B3D
900
#3F222E
950
#27161D

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026