#976F68

#976F68

Color Values

HEX

#976F68

RGB

151, 111, 104

HSL

8.9, 18.4%, 50.0%

HSV

8.9, 31.1%, 59.2%

CMYK

0.0%, 26.5%, 31.1%, 40.8%

OKLCH

0.58 0.0524 30.0

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#976F68

#689097

Analogous

#976879

#978668

#976F68

Triadic

#976F68

#68976F

#6F6897

Split Complementary

#976F68

#689786

#687997

Tetradic

#976F68

#799768

#689097

#866897

Color Blindness Simulation

Original

#976F68

Protanopia

#86856A

Deuteranopia

#888B6A

Tritanopia

#956B6B

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D5
300
#CDBAB7
400
#B2948F
500
#976F68
600
#795953
700
#614743
800
#4B3734
900
#382B28
950
#241B1A

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

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