#976F55

#976F55

Color Values

HEX

#976F55

RGB

151, 111, 85

HSL

23.6, 28.0%, 46.3%

HSV

23.6, 43.7%, 59.2%

CMYK

0.0%, 26.5%, 43.7%, 40.8%

OKLCH

0.5755 0.0635 54.1

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#976F55

#557D97

Analogous

#97555C

#979055

#976F55

Triadic

#976F55

#55976F

#6F5597

Split Complementary

#976F55

#559790

#555C97

Tetradic

#976F55

#5C9755

#557D97

#905597

Color Blindness Simulation

Original

#976F55

Protanopia

#86855B

Deuteranopia

#888B5D

Tritanopia

#956061

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D1
300
#D3BEB1
400
#BB9B86
500
#A3785C
600
#836049
700
#684D3B
800
#523C2E
900
#3D2E24
950
#261D17

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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