#8B673C

#8B673C

Color Values

HEX

#8B673C

RGB

139, 103, 60

HSL

32.7, 39.7%, 39.0%

HSV

32.7, 56.8%, 54.5%

CMYK

0.0%, 25.9%, 56.8%, 45.5%

OKLCH

0.5408 0.0751 70.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#8B673C

#3C608B

Analogous

#8B403C

#878B3C

#8B673C

Triadic

#8B673C

#3C8B67

#673C8B

Split Complementary

#8B673C

#3C878B

#403C8B

Tetradic

#8B673C

#3C8B40

#3C608B

#8B3C87

Color Blindness Simulation

Original

#8B673C

Protanopia

#7B7B46

Deuteranopia

#7E8049

Tritanopia

#894F50

Achromatopsia

#6C6C6C

CSS Usage

background-color: #8B673C;
color: #8B673C;
border-color: #8B673C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DDCD
300
#DAC4AA
400
#C6A47B
500
#B2844D
600
#8E6A3E
700
#725531
800
#594226
900
#42321F
950
#2A2014

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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