#977977

#977977

Color Values

HEX

#977977

RGB

151, 121, 119

HSL

3.7, 13.3%, 52.9%

HSV

3.7, 21.2%, 59.2%

CMYK

0.0%, 19.9%, 21.2%, 40.8%

OKLCH

0.6042 0.0377 22.7

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#977977

#779597

Analogous

#977785

#978977

#977977

Triadic

#977977

#779779

#797797

Split Complementary

#977977

#779789

#778597

Tetradic

#977977

#859777

#779597

#897797

Color Blindness Simulation

Original

#977977

Protanopia

#8A8A77

Deuteranopia

#8C8E78

Tritanopia

#967878

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E0D7D7
300
#CABBBA
400
#AD9694
500
#90716F
600
#745A58
700
#5C4847
800
#483837
900
#362B2B
950
#221B1B

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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