#846147

#846147

Color Values

HEX

#846147

RGB

132, 97, 71

HSL

25.6, 30.0%, 39.8%

HSV

25.6, 46.2%, 51.8%

CMYK

0.0%, 26.5%, 46.2%, 48.2%

OKLCH

0.5221 0.0596 57.6

Properties

Warm Dark Nearest: RAL 8024 Beige Brown

Color Harmonies

Complementary

#846147

#476A84

Analogous

#84474C

#847F47

#846147

Triadic

#846147

#478461

#614784

Split Complementary

#846147

#47847F

#474C84

Tetradic

#846147

#4C8447

#476A84

#7F4784

Color Blindness Simulation

Original

#846147

Protanopia

#75754D

Deuteranopia

#77794F

Tritanopia

#825253

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6DAD1
300
#D4BFAF
400
#BD9C84
500
#A67A59
600
#856247
700
#6A4E39
800
#533D2D
900
#3E2F23
950
#271D16

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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