#987B0C

#987B0C

Color Values

HEX

#987B0C

RGB

152, 123, 12

HSL

47.6, 85.4%, 32.2%

HSV

47.6, 92.1%, 59.6%

CMYK

0.0%, 19.1%, 92.1%, 40.4%

OKLCH

0.5937 0.1184 91.7

Properties

Warm Light Nearest: gold 4

Color Harmonies

Complementary

#987B0C

#0C2998

Analogous

#98350C

#6F980C

#987B0C

Triadic

#987B0C

#0C987B

#7B0C98

Split Complementary

#987B0C

#0C6F98

#350C98

Tetradic

#987B0C

#0C9835

#0C2998

#980C6F

Color Blindness Simulation

Original

#987B0C

Protanopia

#8B8B27

Deuteranopia

#8D8F2D

Tritanopia

#973C41

Achromatopsia

#797979

CSS Usage

background-color: #987B0C;
color: #987B0C;
border-color: #987B0C;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEDBD
300
#F6E08E
400
#F1D050
500
#ECBF13
600
#BD990F
700
#977A0C
800
#766009
900
#56460B
950
#362C07

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

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