#985F20

#985F20

Color Values

HEX

#985F20

RGB

152, 95, 32

HSL

31.5, 65.2%, 36.1%

HSV

31.5, 78.9%, 59.6%

CMYK

0.0%, 37.5%, 78.9%, 40.4%

OKLCH

0.5375 0.106 64.1

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#985F20

#205998

Analogous

#982320

#959820

#985F20

Triadic

#985F20

#20985F

#5F2098

Split Complementary

#985F20

#209598

#232098

Tetradic

#985F20

#209823

#205998

#982095

Color Blindness Simulation

Original

#985F20

Protanopia

#7F7F2F

Deuteranopia

#838733

Tritanopia

#953B3E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DCC4
300
#EAC49A
400
#DEA463
500
#D3842C
600
#A96923
700
#87541C
800
#694216
900
#4D3214
950
#311F0D

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

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