#987576

#987576

Color Values

HEX

#987576

RGB

152, 117, 118

HSL

358.3, 14.5%, 52.7%

HSV

358.3, 23.0%, 59.6%

CMYK

0.0%, 23.0%, 22.4%, 40.4%

OKLCH

0.5969 0.0441 16.6

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#987576

#759897

Analogous

#987587

#988575

#987576

Triadic

#987576

#769875

#757698

Split Complementary

#987576

#759885

#758798

Tetradic

#987576

#879875

#759897

#857598

Color Blindness Simulation

Original

#987576

Protanopia

#898976

Deuteranopia

#8B8E76

Tritanopia

#967676

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#EFEBEB
200
#E0D6D6
300
#CBB9B9
400
#AE9394
500
#926D6E
600
#755758
700
#5D4646
800
#493737
900
#372A2A
950
#231B1B

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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