#896C3F

#896C3F

Color Values

HEX

#896C3F

RGB

137, 108, 63

HSL

36.5, 37.0%, 39.2%

HSV

36.5, 54.0%, 53.7%

CMYK

0.0%, 21.2%, 54.0%, 46.3%

OKLCH

0.5495 0.072 77.4

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896C3F

#3F5C89

Analogous

#89473F

#81893F

#896C3F

Triadic

#896C3F

#3F896C

#6C3F89

Split Complementary

#896C3F

#3F8189

#473F89

Tetradic

#896C3F

#3F8947

#3F5C89

#893F81

Color Blindness Simulation

Original

#896C3F

Protanopia

#7C7C4A

Deuteranopia

#7E804C

Tritanopia

#885254

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E9DECE
300
#D8C7AB
400
#C4A87E
500
#AF8A50
600
#8C6E40
700
#705833
800
#574528
900
#413420
950
#292114

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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