#977478

#977478

Color Values

HEX

#977478

RGB

151, 116, 120

HSL

353.1, 14.4%, 52.4%

HSV

353.1, 23.2%, 59.2%

CMYK

0.0%, 23.2%, 20.5%, 40.8%

OKLCH

0.5944 0.0444 10.8

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#977478

#749793

Analogous

#97748A

#978274

#977478

Triadic

#977478

#789774

#747897

Split Complementary

#977478

#749782

#748A97

Tetradic

#977478

#8A9774

#749793

#827497

Color Blindness Simulation

Original

#977478

Protanopia

#888877

Deuteranopia

#8A8C77

Tritanopia

#957676

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E0D6D7
300
#CBB9BB
400
#AE9396
500
#926D71
600
#75575B
700
#5D4649
800
#493739
900
#372A2C
950
#231B1C

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.09:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026