#987F62

#987F62

Color Values

HEX

#987F62

RGB

152, 127, 98

HSL

32.2, 21.6%, 49.0%

HSV

32.2, 35.5%, 59.6%

CMYK

0.0%, 16.4%, 35.5%, 40.4%

OKLCH

0.6123 0.0516 70.8

Properties

Warm Light Nearest: navajowhite 4

Color Harmonies

Complementary

#987F62

#627B98

Analogous

#986462

#969862

#987F62

Triadic

#987F62

#62987F

#7F6298

Split Complementary

#987F62

#629698

#646298

Tetradic

#987F62

#629864

#627B98

#986296

Color Blindness Simulation

Original

#987F62

Protanopia

#8D8D69

Deuteranopia

#8F906B

Tritanopia

#976F70

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E3DCD4
300
#CFC3B5
400
#B5A28C
500
#9B8264
600
#7C6850
700
#635340
800
#4E4132
900
#3A3127
950
#251F19

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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