#84745F

#84745F

Color Values

HEX

#84745F

RGB

132, 116, 95

HSL

34.1, 16.3%, 44.5%

HSV

34.1, 28.0%, 51.8%

CMYK

0.0%, 12.1%, 28.0%, 48.2%

OKLCH

0.568 0.0368 74.5

Properties

Warm Light Nearest: peachpuff 4

Color Harmonies

Complementary

#84745F

#5F6F84

Analogous

#84625F

#81845F

#84745F

Triadic

#84745F

#5F8474

#745F84

Split Complementary

#84745F

#5F8184

#625F84

Tetradic

#84745F

#5F8462

#5F6F84

#845F81

Color Blindness Simulation

Original

#84745F

Protanopia

#7D7D64

Deuteranopia

#7E7F65

Tritanopia

#836869

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DCD5
300
#CCC3B8
400
#B0A391
500
#94826B
600
#776855
700
#5F5344
800
#4A4135
900
#383129
950
#231F1A

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.64:1

AA Pass 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