#877682

#877682

Color Values

HEX

#877682

RGB

135, 118, 130

HSL

317.6, 6.7%, 49.6%

HSV

317.6, 12.6%, 52.9%

CMYK

0.0%, 12.6%, 3.7%, 47.1%

OKLCH

0.5854 0.0273 336.5

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#877682

#76877B

Analogous

#837687

#87767A

#877682

Triadic

#877682

#828776

#768287

Split Complementary

#877682

#7A8776

#768783

Tetradic

#877682

#878376

#76877B

#767A87

Color Blindness Simulation

Original

#877682

Protanopia

#807F7F

Deuteranopia

#81827E

Tritanopia

#867D7C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED9DC
300
#C6BEC3
400
#A79AA3
500
#887783
600
#6D5F69
700
#574C54
800
#443B42
900
#332E32
950
#201D1F

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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