#896031

#896031

Color Values

HEX

#896031

RGB

137, 96, 49

HSL

32.0, 47.3%, 36.5%

HSV

32.0, 64.2%, 53.7%

CMYK

0.0%, 29.9%, 64.2%, 46.3%

OKLCH

0.5223 0.0827 68.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896031

#315A89

Analogous

#893431

#868931

#896031

Triadic

#896031

#318960

#603189

Split Complementary

#896031

#318689

#343189

Tetradic

#896031

#318934

#315A89

#893186

Color Blindness Simulation

Original

#896031

Protanopia

#77773C

Deuteranopia

#7A7D3F

Tritanopia

#874547

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCA
300
#DFC4A5
400
#CDA474
500
#BC8443
600
#966936
700
#78542B
800
#5E4222
900
#45321C
950
#2C1F12

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026