#AB286D

#AB286D

Color Values

HEX

#AB286D

RGB

171, 40, 109

HSL

328.4, 62.1%, 41.4%

HSV

328.4, 76.6%, 67.1%

CMYK

0.0%, 76.6%, 36.3%, 32.9%

OKLCH

0.5066 0.1772 353.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AB286D

#28AB66

Analogous

#A828AB

#AB282C

#AB286D

Triadic

#AB286D

#6DAB28

#286DAB

Split Complementary

#AB286D

#2CAB28

#28ABA8

Tetradic

#AB286D

#ABA828

#28AB66

#282CAB

Color Blindness Simulation

Original

#AB286D

Protanopia

#72715C

Deuteranopia

#7A8458

Tritanopia

#A44F4C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F1C5DC
300
#E89CC4
400
#DB66A4
500
#CF3084
600
#A52769
700
#841F54
800
#671842
900
#4C1532
950
#300D20

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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