#896231

#896231

Color Values

HEX

#896231

RGB

137, 98, 49

HSL

33,4, 47,3%, 36,5%

HSV

33,4, 64,2%, 53,7%

CMYK

0,0%, 28,5%, 64,2%, 46,3%

OKLCH

0,5265 0,0827 70,5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896231

#315889

Analogous

#893631

#848931

#896231

Triadic

#896231

#318962

#623189

Split Complementary

#896231

#318489

#363189

Tetradic

#896231

#318936

#315889

#893184

Color Blindness Simulation

Original

#896231

Protanopia

#78783D

Deuteranopia

#7A7D40

Tritanopia

#874648

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDDCA
300
#DFC5A5
400
#CDA674
500
#BC8643
600
#966B36
700
#78562B
800
#5E4322
900
#45331C
950
#2C2012

Contrast Checker

Text on white

5,45:1

AA Pass AAA Fail

Text on black

3,86: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