#AB989F

#AB989F

Color Values

HEX

#AB989F

RGB

171, 152, 159

HSL

337.9, 10.2%, 63.3%

HSV

337.9, 11.1%, 67.1%

CMYK

0.0%, 11.1%, 7.0%, 32.9%

OKLCH

0.6985 0.0244 353.5

Properties

Warm Light Nearest: RAL 9022 Pearl Light Grey

Color Harmonies

Complementary

#AB989F

#98ABA4

Analogous

#AB98A8

#AB9A98

#AB989F

Triadic

#AB989F

#9FAB98

#989FAB

Split Complementary

#AB989F

#98AB9A

#98A8AB

Tetradic

#AB989F

#A8AB98

#98ABA4

#9A98AB

Color Blindness Simulation

Original

#AB989F

Protanopia

#A3A39D

Deuteranopia

#A4A59D

Tritanopia

#AA9C9C

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DA
300
#C8BCC0
400
#AA979E
500
#8D727C
600
#705C63
700
#5A494F
800
#46393E
900
#352C2F
950
#211C1E

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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