#987186

#987186

Color Values

HEX

#987186

RGB

152, 113, 134

HSL

327.7, 15.9%, 52.0%

HSV

327.7, 25.7%, 59.6%

CMYK

0.0%, 25.7%, 11.8%, 40.4%

OKLCH

0.5941 0.0571 345.4

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#987186

#719883

Analogous

#977198

#987173

#987186

Triadic

#987186

#869871

#718698

Split Complementary

#987186

#739871

#719897

Tetradic

#987186

#989771

#719883

#717398

Color Blindness Simulation

Original

#987186

Protanopia

#878781

Deuteranopia

#898C80

Tritanopia

#967D7C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DC
300
#CCB8C3
400
#B092A2
500
#946B81
600
#765667
700
#5F4553
800
#4A3641
900
#372A31
950
#231A1F

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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