#AB87AA

#AB87AA

Color Values

HEX

#AB87AA

RGB

171, 135, 170

HSL

301.7, 17.6%, 60.0%

HSV

301.7, 21.1%, 67.1%

CMYK

0.0%, 21.1%, 0.6%, 32.9%

OKLCH

0.6688 0.0655 327.2

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AB87AA

#87AB88

Analogous

#9A87AB

#AB8798

#AB87AA

Triadic

#AB87AA

#AAAB87

#87AAAB

Split Complementary

#AB87AA

#98AB87

#87AB9A

Tetradic

#AB87AA

#AB9A87

#87AB88

#8798AB

Color Blindness Simulation

Original

#AB87AA

Protanopia

#9B9BA2

Deuteranopia

#9EA0A0

Tritanopia

#A99B99

Achromatopsia

#919191

CSS Usage

background-color: #AB87AA;
color: #AB87AA;
border-color: #AB87AA;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F8
100
#F0EAF0
200
#E2D5E1
300
#CDB7CC
400
#B190B0
500
#966995
600
#785477
700
#60435F
800
#4B354A
900
#382938
950
#231A23

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

6.78:1

AA Pass 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