#977366

#977366

Color Values

HEX

#977366

RGB

151, 115, 102

HSL

15.9, 19.4%, 49.6%

HSV

15.9, 32.5%, 59.2%

CMYK

0.0%, 23.8%, 32.5%, 40.8%

OKLCH

0.5875 0.0498 40.8

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#977366

#668A97

Analogous

#976671

#978B66

#977366

Triadic

#977366

#669773

#736697

Split Complementary

#977366

#66978B

#667197

Tetradic

#977366

#719766

#668A97

#8B6697

Color Blindness Simulation

Original

#977366

Protanopia

#878769

Deuteranopia

#8A8C6A

Tritanopia

#956C6C

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D8D4
300
#CEBCB6
400
#B3988E
500
#987467
600
#7A5D52
700
#614A42
800
#4C3A33
900
#392C28
950
#241C19

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass 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