#986F33

#986F33

Color Values

HEX

#986F33

RGB

152, 111, 51

HSL

35.6, 49.8%, 39.8%

HSV

35.6, 66.4%, 59.6%

CMYK

0.0%, 27.0%, 66.4%, 40.4%

OKLCH

0.5712 0.0927 74.3

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#986F33

#335C98

Analogous

#983C33

#8F9833

#986F33

Triadic

#986F33

#33986F

#6F3398

Split Complementary

#986F33

#338F98

#3C3398

Tetradic

#986F33

#33983C

#335C98

#98338F

Color Blindness Simulation

Original

#986F33

Protanopia

#868642

Deuteranopia

#898C45

Tritanopia

#964D50

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFCA
300
#E0C7A3
400
#D0A972
500
#BF8B40
600
#996F33
700
#7A5929
800
#5F4620
900
#46351B
950
#2C2111

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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