#896041

#896041

Color Values

HEX

#896041

RGB

137, 96, 65

HSL

25.8, 35.6%, 39.6%

HSV

25.8, 52.6%, 53.7%

CMYK

0.0%, 29.9%, 52.6%, 46.3%

OKLCH

0.5249 0.0698 57.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896041

#416A89

Analogous

#894146

#898441

#896041

Triadic

#896041

#418960

#604189

Split Complementary

#896041

#418984

#414689

Tetradic

#896041

#468941

#416A89

#844189

Color Blindness Simulation

Original

#896041

Protanopia

#777748

Deuteranopia

#7A7D4A

Tritanopia

#874E50

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E8DACF
300
#D8BFAC
400
#C29C7F
500
#AD7952
600
#8A6142
700
#6F4E35
800
#563D29
900
#402E21
950
#281D15

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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