#987B88

#987B88

Color Values

HEX

#987B88

RGB

152, 123, 136

HSL

333.1, 12.3%, 53.9%

HSV

333.1, 19.1%, 59.6%

CMYK

0.0%, 19.1%, 10.5%, 40.4%

OKLCH

0.6144 0.0402 349.6

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#987B88

#7B988B

Analogous

#987B96

#987C7B

#987B88

Triadic

#987B88

#88987B

#7B8898

Split Complementary

#987B88

#7B987C

#7B9698

Tetradic

#987B88

#96987B

#7B988B

#7C7B98

Color Blindness Simulation

Original

#987B88

Protanopia

#8B8B85

Deuteranopia

#8D8F84

Tritanopia

#978282

Achromatopsia

#828282

CSS Usage

background-color: #987B88;
color: #987B88;
border-color: #987B88;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#E0D7DB
300
#C9BAC1
400
#AC959F
500
#8F707E
600
#735965
700
#5C4851
800
#48383F
900
#362B30
950
#221B1E

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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