#896C44

#896C44

Color Values

HEX

#896C44

RGB

137, 108, 68

HSL

34.8, 33.7%, 40.2%

HSV

34.8, 50.4%, 53.7%

CMYK

0.0%, 21.2%, 50.4%, 46.3%

OKLCH

0.5504 0.067 74.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896C44

#446189

Analogous

#894944

#848944

#896C44

Triadic

#896C44

#44896C

#6C4489

Split Complementary

#896C44

#448489

#494489

Tetradic

#896C44

#448949

#446189

#894484

Color Blindness Simulation

Original

#896C44

Protanopia

#7C7C4E

Deuteranopia

#7E8050

Tritanopia

#885557

Achromatopsia

#6F6F6F

CSS Usage

background-color: #896C44;
color: #896C44;
border-color: #896C44;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E7DDCF
300
#D6C5AD
400
#C0A681
500
#AA8655
600
#886B44
700
#6D5636
800
#55432A
900
#3F3322
950
#282015

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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