#87647D

#87647D

Color Values

HEX

#87647D

RGB

135, 100, 125

HSL

317.1, 14.9%, 46.1%

HSV

317.1, 25.9%, 52.9%

CMYK

0.0%, 25.9%, 7.4%, 47.1%

OKLCH

0.5472 0.0575 337.1

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#87647D

#64876E

Analogous

#806487

#87646C

#87647D

Triadic

#87647D

#7D8764

#647D87

Split Complementary

#87647D

#6C8764

#648780

Tetradic

#87647D

#878064

#64876E

#646C87

Color Blindness Simulation

Original

#87647D

Protanopia

#787877

Deuteranopia

#7A7C76

Tritanopia

#857271

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEE
200
#E1D6DE
300
#CBB9C6
400
#AF93A7
500
#926D88
600
#75576D
700
#5E4557
800
#493644
900
#372A33
950
#231A20

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail 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