#986341

#986341

Color Values

HEX

#986341

RGB

152, 99, 65

HSL

23.4, 40.1%, 42.5%

HSV

23.4, 57.2%, 59.6%

CMYK

0.0%, 34.9%, 57.2%, 40.4%

OKLCH

0.5493 0.0841 52.8

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#986341

#417698

Analogous

#98414A

#988E41

#986341

Triadic

#986341

#419863

#634198

Split Complementary

#986341

#41988E

#414A98

Tetradic

#986341

#4A9841

#417698

#8E4198

Color Blindness Simulation

Original

#986341

Protanopia

#818149

Deuteranopia

#84884B

Tritanopia

#955051

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DABCA9
400
#C6987B
500
#B3744C
600
#8F5D3D
700
#724A31
800
#593A26
900
#422D1F
950
#2A1C14

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

4.2:1

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