#896247

#896247

Color Values

HEX

#896247

RGB

137, 98, 71

HSL

24.5, 31.7%, 40.8%

HSV

24.5, 48.2%, 53.7%

CMYK

0.0%, 28.5%, 48.2%, 46.3%

OKLCH

0.5301 0.0644 55.5

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#896247

#476E89

Analogous

#89474D

#898347

#896247

Triadic

#896247

#478962

#624789

Split Complementary

#896247

#478983

#474D89

Tetradic

#896247

#4D8947

#476E89

#834789

Color Blindness Simulation

Original

#896247

Protanopia

#78784E

Deuteranopia

#7A7D4F

Tritanopia

#875354

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D5BEAE
400
#BF9B83
500
#A87857
600
#866046
700
#6B4D38
800
#543C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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