#97787C

#97787C

Color Values

HEX

#97787C

RGB

151, 120, 124

HSL

352.3, 13.0%, 53.1%

HSV

352.3, 20.5%, 59.2%

CMYK

0.0%, 20.5%, 17.9%, 40.8%

OKLCH

0.6036 0.0391 9.6

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#97787C

#789793

Analogous

#97788B

#978378

#97787C

Triadic

#97787C

#7C9778

#787C97

Split Complementary

#97787C

#789783

#788B97

Tetradic

#97787C

#8B9778

#789793

#837897

Color Blindness Simulation

Original

#97787C

Protanopia

#8A897B

Deuteranopia

#8B8E7B

Tritanopia

#957A7A

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#E0D7D8
300
#CABABC
400
#AD9498
500
#906F73
600
#73595C
700
#5C474A
800
#48373A
900
#362B2C
950
#221B1C

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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