#897342

#897342

Color Values

HEX

#897342

RGB

137, 115, 66

HSL

41.4, 35.0%, 39.8%

HSV

41.4, 51.8%, 53.7%

CMYK

0.0%, 16.1%, 51.8%, 46.3%

OKLCH

0.5651 0.0724 85.9

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#897342

#425889

Analogous

#894F42

#7C8942

#897342

Triadic

#897342

#428973

#734289

Split Complementary

#897342

#427C89

#4F4289

Tetradic

#897342

#42894F

#425889

#89427C

Color Blindness Simulation

Original

#897342

Protanopia

#7F7F4E

Deuteranopia

#818251

Tritanopia

#885759

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8E0CF
300
#D7CAAC
400
#C2AD80
500
#AC9053
600
#8A7442
700
#6E5C35
800
#564829
900
#403621
950
#282215

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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