#877F96

#877F96

Color Values

HEX

#877F96

RGB

135, 127, 150

HSL

260.9, 9.9%, 54.3%

HSV

260.9, 15.3%, 58.8%

CMYK

10.0%, 15.3%, 0.0%, 41.2%

OKLCH

0.6114 0.0355 301.2

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#877F96

#8E967F

Analogous

#7F8296

#937F96

#877F96

Triadic

#877F96

#96877F

#7F9687

Split Complementary

#877F96

#96937F

#82967F

Tetradic

#877F96

#967F82

#8E967F

#7F9693

Color Blindness Simulation

Original

#877F96

Protanopia

#848390

Deuteranopia

#84858F

Tritanopia

#878C8B

Achromatopsia

#828282

CSS Usage

background-color: #877F96;
color: #877F96;
border-color: #877F96;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD8DF
300
#C0BCC8
400
#9E97AA
500
#7C738C
600
#635C70
700
#4F4A5A
800
#3E3946
900
#2F2C35
950
#1E1C21

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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