#896428

#896428

Color Values

HEX

#896428

RGB

137, 100, 40

HSL

37.1, 54.8%, 34.7%

HSV

37.1, 70.8%, 53.7%

CMYK

0.0%, 27.0%, 70.8%, 46.3%

OKLCH

0.5296 0.0899 76.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#896428

#284D89

Analogous

#893328

#7D8928

#896428

Triadic

#896428

#288964

#642889

Split Complementary

#896428

#287D89

#332889

Tetradic

#896428

#288933

#284D89

#89287D

Color Blindness Simulation

Original

#896428

Protanopia

#797937

Deuteranopia

#7B7E3A

Tritanopia

#874244

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EFE0C8
300
#E3CAA0
400
#D4AD6D
500
#C5903A
600
#9E732E
700
#7E5C25
800
#63481D
900
#483619
950
#2E2210

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

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