#985F2C

#985F2C

Color Values

HEX

#985F2C

RGB

152, 95, 44

HSL

28,3, 55,1%, 38,4%

HSV

28,3, 71,1%, 59,6%

CMYK

0,0%, 37,5%, 71,1%, 40,4%

OKLCH

0,5387 0,0994 59,8

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#985F2C

#2C6598

Analogous

#982C2F

#98952C

#985F2C

Triadic

#985F2C

#2C985F

#5F2C98

Split Complementary

#985F2C

#2C9895

#2C2F98

Tetradic

#985F2C

#2F982C

#2C6598

#952C98

Color Blindness Simulation

Original

#985F2C

Protanopia

#7F7F38

Deuteranopia

#83873B

Tritanopia

#954244

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#EFDAC8
300
#E4C0A0
400
#D59E6D
500
#C67C39
600
#9E632E
700
#7F4F25
800
#633E1D
900
#482F18
950
#2E1E0F

Contrast Checker

Text on white

5,24:1

AA Pass AAA Fail

Text on black

4,01: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