#84612F

#84612F

Color Values

HEX

#84612F

RGB

132, 97, 47

HSL

35.3, 47.5%, 35.1%

HSV

35.3, 64.4%, 51.8%

CMYK

0.0%, 26.5%, 64.4%, 48.2%

OKLCH

0.5181 0.0807 74.1

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#84612F

#2F5284

Analogous

#84372F

#7D842F

#84612F

Triadic

#84612F

#2F8461

#612F84

Split Complementary

#84612F

#2F7D84

#372F84

Tetradic

#84612F

#2F8437

#2F5284

#842F7D

Color Blindness Simulation

Original

#84612F

Protanopia

#75753B

Deuteranopia

#77793E

Tritanopia

#824547

Achromatopsia

#656565

CSS Usage

background-color: #84612F;
color: #84612F;
border-color: #84612F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECA
300
#DFC7A5
400
#CDA974
500
#BC8A43
600
#966F36
700
#78582B
800
#5E4521
900
#45341C
950
#2C2112

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026