#84673D

#84673D

Color Values

HEX

#84673D

RGB

132, 103, 61

HSL

35.5, 36.8%, 37.8%

HSV

35.5, 53.8%, 51.8%

CMYK

0.0%, 22.0%, 53.8%, 48.2%

OKLCH

0.5329 0.0693 75.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#84673D

#3D5A84

Analogous

#84433D

#7D843D

#84673D

Triadic

#84673D

#3D8467

#673D84

Split Complementary

#84673D

#3D7D84

#433D84

Tetradic

#84673D

#3D8443

#3D5A84

#843D7D

Color Blindness Simulation

Original

#84673D

Protanopia

#777747

Deuteranopia

#797B4A

Tritanopia

#834F51

Achromatopsia

#6A6A6A

CSS Usage

background-color: #84673D;
color: #84673D;
border-color: #84673D;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DECE
300
#D8C6AB
400
#C3A77E
500
#AE8851
600
#8C6D40
700
#705734
800
#574428
900
#403320
950
#292014

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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