#846746

#846746

Color Values

HEX

#846746

RGB

132, 103, 70

HSL

31.9, 30.7%, 39.6%

HSV

31.9, 47.0%, 51.8%

CMYK

0.0%, 22.0%, 47.0%, 48.2%

OKLCH

0.5345 0.0603 69.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#846746

#466384

Analogous

#844846

#828446

#846746

Triadic

#846746

#468467

#674684

Split Complementary

#846746

#468284

#484684

Tetradic

#846746

#468448

#466384

#844682

Color Blindness Simulation

Original

#846746

Protanopia

#77774E

Deuteranopia

#797B50

Tritanopia

#835456

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DCD0
300
#D5C3AF
400
#BEA284
500
#A78258
600
#856847
700
#6B5339
800
#53412C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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