#ABA4BB

#ABA4BB

Color Values

HEX

#ABA4BB

RGB

171, 164, 187

HSL

258.3, 14.5%, 68.8%

HSV

258.3, 12.3%, 73.3%

CMYK

8.6%, 12.3%, 0.0%, 26.7%

OKLCH

0.732 0.0337 299.5

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#ABA4BB

#B4BBA4

Analogous

#A4A8BB

#B6A4BB

#ABA4BB

Triadic

#ABA4BB

#BBABA4

#A4BBAB

Split Complementary

#ABA4BB

#BBB6A4

#A8BBA4

Tetradic

#ABA4BB

#BBA4A8

#B4BBA4

#A4BBB6

Color Blindness Simulation

Original

#ABA4BB

Protanopia

#A8A8B5

Deuteranopia

#A8A9B4

Tritanopia

#ABB1B0

Achromatopsia

#A7A7A7

CSS Usage

background-color: #ABA4BB;
color: #ABA4BB;
border-color: #ABA4BB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D9D6E0
300
#BEB9CB
400
#9B93AE
500
#786D92
600
#605775
700
#4D465D
800
#3C3749
900
#2E2A37
950
#1D1B23

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76:1

AA Pass AAA Pass

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