#876D89

#876D89

Color Values

HEX

#876D89

RGB

135, 109, 137

HSL

295.7, 11.4%, 48.2%

HSV

295.7, 20.4%, 53.7%

CMYK

1.5%, 20.4%, 0.0%, 46.3%

OKLCH

0.5695 0.0524 323.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#876D89

#6F896D

Analogous

#796D89

#896D7D

#876D89

Triadic

#876D89

#89876D

#6D8987

Split Complementary

#876D89

#7D896D

#6D8979

Tetradic

#876D89

#89796D

#6F896D

#6D7D89

Color Blindness Simulation

Original

#876D89

Protanopia

#7C7C82

Deuteranopia

#7D7F81

Tritanopia

#867D7C

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEF
200
#DFD7DF
300
#C8BBC9
400
#AA96AB
500
#8C718E
600
#705A72
700
#5A485B
800
#463847
900
#352B35
950
#211B22

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026