#8A6243

#8A6243

Color Values

HEX

#8A6243

RGB

138, 98, 67

HSL

26.2, 34.6%, 40.2%

HSV

26.2, 51.4%, 54.1%

CMYK

0.0%, 29.0%, 51.4%, 45.9%

OKLCH

0.5305 0.0687 58.4

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#8A6243

#436B8A

Analogous

#8A4348

#8A8543

#8A6243

Triadic

#8A6243

#438A62

#62438A

Split Complementary

#8A6243

#438A85

#43488A

Tetradic

#8A6243

#488A43

#436B8A

#85438A

Color Blindness Simulation

Original

#8A6243

Protanopia

#79784A

Deuteranopia

#7B7E4C

Tritanopia

#885052

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E8DACF
300
#D7BFAD
400
#C19D80
500
#AC7A53
600
#896243
700
#6E4E35
800
#563D2A
900
#402F21
950
#281D15

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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