#976554

#976554

Color Values

HEX

#976554

RGB

151, 101, 84

HSL

15.2, 28.5%, 46.1%

HSV

15.2, 44.4%, 59.2%

CMYK

0.0%, 33.1%, 44.4%, 40.8%

OKLCH

0.5556 0.0702 39.6

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#976554

#548697

Analogous

#975465

#978754

#976554

Triadic

#976554

#549765

#655497

Split Complementary

#976554

#549787

#546597

Tetradic

#976554

#659754

#548697

#875497

Color Blindness Simulation

Original

#976554

Protanopia

#818158

Deuteranopia

#848859

Tritanopia

#945B5C

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F1EBE9
200
#E5D6D1
300
#D3B9B0
400
#BC9386
500
#A46E5B
600
#835849
700
#69463A
800
#52372E
900
#3D2A24
950
#261B17

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026