#896945

#896945

Color Values

HEX

#896945

RGB

137, 105, 69

HSL

31.8, 33.0%, 40.4%

HSV

31.8, 49.6%, 53.7%

CMYK

0.0%, 23.4%, 49.6%, 46.3%

OKLCH

0.5442 0.0654 69.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896945

#456589

Analogous

#894745

#878945

#896945

Triadic

#896945

#458969

#694589

Split Complementary

#896945

#458789

#474589

Tetradic

#896945

#458947

#456589

#894587

Color Blindness Simulation

Original

#896945

Protanopia

#7B7B4E

Deuteranopia

#7D7F50

Tritanopia

#875556

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DCD0
300
#D6C3AE
400
#C0A382
500
#AA8255
600
#886844
700
#6D5337
800
#55412B
900
#3F3122
950
#281F16

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026