#986C4D

#986C4D

Color Values

HEX

#986C4D

RGB

152, 108, 77

HSL

24.8, 32.8%, 44.9%

HSV

24.8, 49.3%, 59.6%

CMYK

0.0%, 28.9%, 49.3%, 40.4%

OKLCH

0.5691 0.0718 55.9

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#986C4D

#4D7998

Analogous

#984D53

#98924D

#986C4D

Triadic

#986C4D

#4D986C

#6C4D98

Split Complementary

#986C4D

#4D9892

#4D5398

Tetradic

#986C4D

#53984D

#4D7998

#924D98

Color Blindness Simulation

Original

#986C4D

Protanopia

#858554

Deuteranopia

#888B56

Tritanopia

#965A5C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BEAE
400
#C09B82
500
#A97856
600
#876045
700
#6C4D37
800
#553C2B
900
#3F2E22
950
#281D16

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.59:1

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