#986536

#986536

Color Values

HEX

#986536

RGB

152, 101, 54

HSL

28.8, 47.6%, 40.4%

HSV

28.8, 64.5%, 59.6%

CMYK

0.0%, 33.6%, 64.5%, 40.4%

OKLCH

0.5515 0.091 61.7

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#986536

#366998

Analogous

#983638

#989636

#986536

Triadic

#986536

#369865

#653698

Split Complementary

#986536

#369896

#363898

Tetradic

#986536

#389836

#366998

#963698

Color Blindness Simulation

Original

#986536

Protanopia

#828141

Deuteranopia

#858944

Tritanopia

#954A4C

Achromatopsia

#6C6C6C

CSS Usage

background-color: #986536;
color: #986536;
border-color: #986536;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#ECDBCA
300
#DFC1A5
400
#CE9F74
500
#BC7D43
600
#976435
700
#78502B
800
#5E3F21
900
#45301C
950
#2C1E11

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026