#87697D

#87697D

Color Values

HEX

#87697D

RGB

135, 105, 125

HSL

320.0, 12.5%, 47.1%

HSV

320.0, 22.2%, 52.9%

CMYK

0.0%, 22.2%, 7.4%, 47.1%

OKLCH

0.5571 0.0478 338.9

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#87697D

#698773

Analogous

#826987

#87696E

#87697D

Triadic

#87697D

#7D8769

#697D87

Split Complementary

#87697D

#6E8769

#698782

Tetradic

#87697D

#878269

#698773

#696E87

Color Blindness Simulation

Original

#87697D

Protanopia

#7A7A78

Deuteranopia

#7C7E77

Tritanopia

#867474

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DD
300
#C9BAC4
400
#AC95A5
500
#8F7085
600
#73596A
700
#5C4755
800
#483842
900
#362B32
950
#221B20

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

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