#896125

#896125

Color Values

HEX

#896125

RGB

137, 97, 37

HSL

36.0, 57.5%, 34.1%

HSV

36.0, 73.0%, 53.7%

CMYK

0.0%, 29.2%, 73.0%, 46.3%

OKLCH

0.523 0.0916 74.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896125

#254D89

Analogous

#892F25

#7F8925

#896125

Triadic

#896125

#258961

#612589

Split Complementary

#896125

#257F89

#2F2589

Tetradic

#896125

#25892F

#254D89

#89257F

Color Blindness Simulation

Original

#896125

Protanopia

#787734

Deuteranopia

#7A7D37

Tritanopia

#873F42

Achromatopsia

#656565

CSS Usage

background-color: #896125;
color: #896125;
border-color: #896125;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0DFC7
300
#E5C99F
400
#D7AC6A
500
#C98E36
600
#A1722B
700
#815B23
800
#64471B
900
#4A3517
950
#2E220F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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