#896133

#896133

Color Values

HEX

#896133

RGB

137, 97, 51

HSL

32.1, 45.7%, 36.9%

HSV

32.1, 62.8%, 53.7%

CMYK

0.0%, 29.2%, 62.8%, 46.3%

OKLCH

0.5247 0.0811 68.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896133

#335B89

Analogous

#893633

#868933

#896133

Triadic

#896133

#338961

#613389

Split Complementary

#896133

#338689

#363389

Tetradic

#896133

#338936

#335B89

#893386

Color Blindness Simulation

Original

#896133

Protanopia

#78773E

Deuteranopia

#7A7D41

Tritanopia

#874749

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCB
300
#DEC4A6
400
#CCA476
500
#BA8445
600
#956937
700
#77542C
800
#5D4223
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

3.82:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026