#986B4D

#986B4D

Color Values

HEX

#986B4D

RGB

152, 107, 77

HSL

24.0, 32.8%, 44.9%

HSV

24.0, 49.3%, 59.6%

CMYK

0.0%, 29.6%, 49.3%, 40.4%

OKLCH

0.5671 0.0721 54.4

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#986B4D

#4D7A98

Analogous

#984D54

#98914D

#986B4D

Triadic

#986B4D

#4D986B

#6B4D98

Split Complementary

#986B4D

#4D9891

#4D5498

Tetradic

#986B4D

#54984D

#4D7A98

#914D98

Color Blindness Simulation

Original

#986B4D

Protanopia

#858454

Deuteranopia

#878A56

Tritanopia

#965A5B

Achromatopsia

#727272

CSS Usage

background-color: #986B4D;
color: #986B4D;
border-color: #986B4D;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BEAE
400
#C09A82
500
#A97756
600
#875F45
700
#6C4C37
800
#553C2B
900
#3F2E22
950
#281D16

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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