#AB387B

#AB387B

Color Values

HEX

#AB387B

RGB

171, 56, 123

HSL

325.0, 50.7%, 44.5%

HSV

325.0, 67.3%, 67.1%

CMYK

0.0%, 67.3%, 28.1%, 32.9%

OKLCH

0.5273 0.165 348.3

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AB387B

#38AB68

Analogous

#A138AB

#AB3842

#AB387B

Triadic

#AB387B

#7BAB38

#387BAB

Split Complementary

#AB387B

#42AB38

#38ABA1

Tetradic

#AB387B

#ABA138

#38AB68

#3842AB

Color Blindness Simulation

Original

#AB387B

Protanopia

#79786B

Deuteranopia

#808867

Tritanopia

#A55E5B

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E5EE
200
#EDC9DE
300
#E1A3C7
400
#D071A9
500
#C03F8A
600
#9A326F
700
#7B2858
800
#601F45
900
#471A34
950
#2D1121

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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