#AB457C

#AB457C

Color Values

HEX

#AB457C

RGB

171, 69, 124

HSL

327.6, 42.5%, 47.1%

HSV

327.6, 59.6%, 67.1%

CMYK

0.0%, 59.6%, 27.5%, 32.9%

OKLCH

0.543 0.1468 349.6

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AB457C

#45AB74

Analogous

#A745AB

#AB4549

#AB457C

Triadic

#AB457C

#7CAB45

#457CAB

Split Complementary

#AB457C

#49AB45

#45ABA7

Tetradic

#AB457C

#ABA745

#45AB74

#4549AB

Color Blindness Simulation

Original

#AB457C

Protanopia

#7F7E6F

Deuteranopia

#858C6C

Tritanopia

#A66462

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F4E7EE
200
#EACCDD
300
#DCA8C4
400
#C979A4
500
#B64984
600
#913B69
700
#742F54
800
#5B2542
900
#431E32
950
#2A1320

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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