#896226

#896226

Color Values

HEX

#896226

RGB

137, 98, 38

HSL

36.4, 56.6%, 34.3%

HSV

36.4, 72.3%, 53.7%

CMYK

0.0%, 28.5%, 72.3%, 46.3%

OKLCH

0.5252 0.091 74.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896226

#264D89

Analogous

#893126

#7E8926

#896226

Triadic

#896226

#268962

#622689

Split Complementary

#896226

#267E89

#312689

Tetradic

#896226

#268931

#264D89

#89267E

Color Blindness Simulation

Original

#896226

Protanopia

#787835

Deuteranopia

#7A7D38

Tritanopia

#874042

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE5
200
#F0E0C7
300
#E4C99F
400
#D6AC6B
500
#C88F37
600
#A0722C
700
#805B23
800
#64471C
900
#493618
950
#2E220F

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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