#976875

#976875

Color Values

HEX

#976875

RGB

151, 104, 117

HSL

343.4, 18.4%, 50.0%

HSV

343.4, 31.1%, 59.2%

CMYK

0.0%, 31.1%, 22.5%, 40.8%

OKLCH

0.5702 0.0627 1.2

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#976875

#68978A

Analogous

#97688C

#977368

#976875

Triadic

#976875

#759768

#687597

Split Complementary

#976875

#689773

#688C97

Tetradic

#976875

#8C9768

#68978A

#736897

Color Blindness Simulation

Original

#976875

Protanopia

#838272

Deuteranopia

#858971

Tritanopia

#956F6F

Achromatopsia

#737373

CSS Usage

background-color: #976875;
color: #976875;
border-color: #976875;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D8
300
#CDB7BD
400
#B28F99
500
#976875
600
#79535E
700
#61434B
800
#4B343B
900
#38282D
950
#241A1C

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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