#83511F

#83511F

Color Values

HEX

#83511F

RGB

131, 81, 31

HSL

30.0, 61.7%, 31.8%

HSV

30.0, 76.3%, 51.4%

CMYK

0.0%, 38.2%, 76.3%, 48.6%

OKLCH

0.4824 0.0926 62.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#83511F

#1F5183

Analogous

#831F1F

#83831F

#83511F

Triadic

#83511F

#1F8351

#511F83

Split Complementary

#83511F

#1F8383

#1F1F83

Tetradic

#83511F

#1F831F

#1F5183

#831F83

Color Blindness Simulation

Original

#83511F

Protanopia

#6D6D2B

Deuteranopia

#70742E

Tritanopia

#803537

Achromatopsia

#585858

CSS Usage

background-color: #83511F;
color: #83511F;
border-color: #83511F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F1DBC5
300
#E8C29C
400
#DBA166
500
#CE8031
600
#A56627
700
#84521F
800
#674018
900
#4B3016
950
#301F0E

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

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