#987156

#987156

Color Values

HEX

#987156

RGB

152, 113, 86

HSL

24.5, 27.7%, 46.7%

HSV

24.5, 43.4%, 59.6%

CMYK

0.0%, 25.7%, 43.4%, 40.4%

OKLCH

0.5809 0.0631 55.8

Properties

Warm Light Nearest: burlywood 4

Color Harmonies

Complementary

#987156

#567D98

Analogous

#98565C

#989256

#987156

Triadic

#987156

#569871

#715698

Split Complementary

#987156

#569892

#565C98

Tetradic

#987156

#5C9856

#567D98

#925698

Color Blindness Simulation

Original

#987156

Protanopia

#87875D

Deuteranopia

#898C5E

Tritanopia

#966263

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D9D1
300
#D3BFB1
400
#BB9C87
500
#A3795C
600
#82614A
700
#684D3B
800
#513D2E
900
#3D2E24
950
#261D17

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

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