#835F46

#835F46

Color Values

HEX

#835F46

RGB

131, 95, 70

HSL

24.6, 30.3%, 39.4%

HSV

24.6, 46.6%, 51.4%

CMYK

0.0%, 27.5%, 46.6%, 48.6%

OKLCH

0.5166 0.06 55.7

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#835F46

#466A83

Analogous

#83464C

#837D46

#835F46

Triadic

#835F46

#46835F

#5F4683

Split Complementary

#835F46

#46837D

#464C83

Tetradic

#835F46

#4C8346

#466A83

#7D4683

Color Blindness Simulation

Original

#835F46

Protanopia

#73734C

Deuteranopia

#76784E

Tritanopia

#815152

Achromatopsia

#656565

CSS Usage

background-color: #835F46;
color: #835F46;
border-color: #835F46;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D0
300
#D4BEAF
400
#BD9C84
500
#A67959
600
#856047
700
#6A4D39
800
#533C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

3.69: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