#976877

#976877

Color Values

HEX

#976877

RGB

151, 104, 119

HSL

340.9, 18.4%, 50.0%

HSV

340.9, 31.1%, 59.2%

CMYK

0.0%, 31.1%, 21.2%, 40.8%

OKLCH

0.5708 0.0635 358.5

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#976877

#689788

Analogous

#97688E

#977168

#976877

Triadic

#976877

#779768

#687797

Split Complementary

#976877

#689771

#688E97

Tetradic

#976877

#8E9768

#689788

#716897

Color Blindness Simulation

Original

#976877

Protanopia

#838273

Deuteranopia

#858972

Tritanopia

#957170

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB7BE
400
#B28F9A
500
#976877
600
#79535F
700
#61434C
800
#4B343B
900
#38282E
950
#241A1D

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

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