#977572

#977572

Color Values

HEX

#977572

RGB

151, 117, 114

HSL

4.9, 15.1%, 52.0%

HSV

4.9, 24.5%, 59.2%

CMYK

0.0%, 22.5%, 24.5%, 40.8%

OKLCH

0.5947 0.0432 24.3

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#977572

#729497

Analogous

#977282

#978872

#977572

Triadic

#977572

#729775

#757297

Split Complementary

#977572

#729788

#728297

Tetradic

#977572

#829772

#729497

#887297

Color Blindness Simulation

Original

#977572

Protanopia

#888873

Deuteranopia

#8A8D73

Tritanopia

#957373

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E1D7D6
300
#CBBAB9
400
#AF9592
500
#936F6C
600
#755957
700
#5E4745
800
#493836
900
#372B2A
950
#231B1A

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

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