#896A46

#896A46

Color Values

HEX

#896A46

RGB

137, 106, 70

HSL

32.2, 32.4%, 40.6%

HSV

32.2, 48.9%, 53.7%

CMYK

0.0%, 22.6%, 48.9%, 46.3%

OKLCH

0.5465 0.0646 70.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896A46

#466589

Analogous

#894846

#878946

#896A46

Triadic

#896A46

#46896A

#6A4689

Split Complementary

#896A46

#468789

#484689

Tetradic

#896A46

#468948

#466589

#894687

Color Blindness Simulation

Original

#896A46

Protanopia

#7C7B4F

Deuteranopia

#7D8051

Tritanopia

#875657

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE8
200
#E7DCD0
300
#D6C3AE
400
#BFA382
500
#A98356
600
#876845
700
#6C5437
800
#54412B
900
#3F3122
950
#281F16

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026