#877C88

#877C88

Color Values

HEX

#877C88

RGB

135, 124, 136

HSL

295.0, 4.8%, 51.0%

HSV

295.0, 8.8%, 53.3%

CMYK

0.7%, 8.8%, 0.0%, 46.7%

OKLCH

0.6001 0.0221 323.3

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#877C88

#7D887C

Analogous

#817C88

#887C83

#877C88

Triadic

#877C88

#88877C

#7C8887

Split Complementary

#877C88

#83887C

#7C8881

Tetradic

#877C88

#88817C

#7D887C

#7C8388

Color Blindness Simulation

Original

#877C88

Protanopia

#828285

Deuteranopia

#838484

Tritanopia

#868382

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDDADD
300
#C4BFC5
400
#A49CA5
500
#857986
600
#6A616B
700
#554E56
800
#423D43
900
#322E33
950
#201D20

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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