#83471F

#83471F

Color Values

HEX

#83471F

RGB

131, 71, 31

HSL

24.0, 61.7%, 31.8%

HSV

24.0, 76.3%, 51.4%

CMYK

0.0%, 45.8%, 76.3%, 48.6%

OKLCH

0.4635 0.0976 51.5

Properties

Warm Dark Nearest: sienna 4

Color Psychology

Dark browns like chocolate and espresso project richness, indulgence, and masculine elegance. They carry the warmth of wood-paneled studies and aged leather, evoking comfort and established tradition. These deep tones suggest solidity, dependability, and mature sophistication.

Design Usage

Dark brown excels as a text color alternative to pure black, providing warmth and reducing visual harshness. It suits coffee roasters, chocolate brands, and heritage accessories with a tradition focus. Pair it with cream, gold, or burnt orange for a luxurious, warm-toned design system.

Color Harmonies

Complementary

#83471F

#1F5B83

Analogous

#831F29

#83791F

#83471F

Triadic

#83471F

#1F8347

#471F83

Split Complementary

#83471F

#1F8379

#1F2983

Tetradic

#83471F

#29831F

#1F5B83

#791F83

Color Blindness Simulation

Original

#83471F

Protanopia

#696829

Deuteranopia

#6C712B

Tritanopia

#803032

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7EBE4
200
#F1D7C5
300
#E8BA9C
400
#DB9566
500
#CE7031
600
#A55927
700
#84481F
800
#673818
900
#4B2B16
950
#301B0E

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Compare With

#83471F
#1F5B83
#83471F
#FFFFFF
#000000
#83471F

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #83471F?

RGB(131, 71, 31) · HSL(24.0, 61.7%, 31.8%) · CMYK(0.0%, 45.8%, 76.3%, 48.6%)

Does #83471F meet WCAG contrast on white?

7.28:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #83471F?

Use FFFFFF text on a #83471F background; contrast on black is 2.89:1.