#986B3F

#986B3F

Color Values

HEX

#986B3F

RGB

152, 107, 63

HSL

29.7, 41.4%, 42.2%

HSV

29.7, 58.6%, 59.6%

CMYK

0.0%, 29.6%, 58.6%, 40.4%

OKLCH

0.5647 0.0831 64.1

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#986B3F

#3F6C98

Analogous

#983F40

#98983F

#986B3F

Triadic

#986B3F

#3F986B

#6B3F98

Split Complementary

#986B3F

#3F9898

#3F4098

Tetradic

#986B3F

#40983F

#3F6C98

#983F98

Color Blindness Simulation

Original

#986B3F

Protanopia

#85844A

Deuteranopia

#878A4C

Tritanopia

#965254

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCD
300
#DBC2A8
400
#C8A07A
500
#B47F4B
600
#90663C
700
#735130
800
#5A3F25
900
#43301E
950
#2A1E13

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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