#986833

#986833

Color Values

HEX

#986833

RGB

152, 104, 51

HSL

31.5, 49.8%, 39.8%

HSV

31.5, 66.4%, 59.6%

CMYK

0.0%, 31.6%, 66.4%, 40.4%

OKLCH

0.557 0.0926 66.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#986833

#336398

Analogous

#983533

#969833

#986833

Triadic

#986833

#339868

#683398

Split Complementary

#986833

#339698

#353398

Tetradic

#986833

#339835

#336398

#983396

Color Blindness Simulation

Original

#986833

Protanopia

#838340

Deuteranopia

#868A43

Tritanopia

#964A4C

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDCCA
300
#E0C3A3
400
#D0A372
500
#BF8340
600
#996933
700
#7A5429
800
#5F4120
900
#46321B
950
#2C1F11

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026