#87698C

#87698C

Color Values

HEX

#87698C

RGB

135, 105, 140

HSL

291.4, 14.3%, 48.0%

HSV

291.4, 25.0%, 54.9%

CMYK

3.6%, 25.0%, 0.0%, 45.1%

OKLCH

0.5628 0.0637 321.5

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#87698C

#6E8C69

Analogous

#75698C

#8C697F

#87698C

Triadic

#87698C

#8C8769

#698C87

Split Complementary

#87698C

#7F8C69

#698C75

Tetradic

#87698C

#8C7569

#6E8C69

#697F8C

Color Blindness Simulation

Original

#87698C

Protanopia

#7A7A84

Deuteranopia

#7C7E82

Tritanopia

#867D7B

Achromatopsia

#727272

CSS Usage

background-color: #87698C;
color: #87698C;
border-color: #87698C;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#DFD6E0
300
#C8B9CB
400
#AA93AE
500
#8D6D92
600
#705775
700
#5A465D
800
#463749
900
#352A37
950
#211B23

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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