#84671F

#84671F

Color Values

HEX

#84671F

RGB

132, 103, 31

HSL

42.8, 62.0%, 32.0%

HSV

42.8, 76.5%, 51.8%

CMYK

0.0%, 22.0%, 76.5%, 48.2%

OKLCH

0.5293 0.0948 85.9

Properties

Warm Dark Nearest: goldenrod 4

Color Harmonies

Complementary

#84671F

#1F3C84

Analogous

#84351F

#6F841F

#84671F

Triadic

#84671F

#1F8467

#671F84

Split Complementary

#84671F

#1F6F84

#351F84

Tetradic

#84671F

#1F8435

#1F3C84

#841F6F

Color Blindness Simulation

Original

#84671F

Protanopia

#777730

Deuteranopia

#797B35

Tritanopia

#833E41

Achromatopsia

#686868

CSS Usage

background-color: #84671F;
color: #84671F;
border-color: #84671F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF9F3
100
#F7F1E4
200
#F1E5C5
300
#E8D29C
400
#DBBA66
500
#CFA130
600
#A58127
700
#84671F
800
#675118
900
#4B3C15
950
#30260E

Contrast Checker

Text on white

5.33:1

AA Pass AAA Fail

Text on black

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