#835522

#835522

Color Values

HEX

#835522

RGB

131, 85, 34

HSL

31.5, 58.8%, 32.4%

HSV

31.5, 74.0%, 51.4%

CMYK

0.0%, 35.1%, 74.0%, 48.6%

OKLCH

0.4907 0.0897 65.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#835522

#225083

Analogous

#832422

#818322

#835522

Triadic

#835522

#228355

#552283

Split Complementary

#835522

#228183

#242283

Tetradic

#835522

#228324

#225083

#832281

Color Blindness Simulation

Original

#835522

Protanopia

#6F6F2E

Deuteranopia

#727531

Tritanopia

#81383A

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DCC6
300
#E6C49E
400
#D8A369
500
#CA8335
600
#A2692A
700
#825422
800
#65421A
900
#4A3217
950
#2F1F0E

Contrast Checker

Text on white

6.39:1

AA Pass AAA Fail

Text on black

3.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026