#894E04

#894E04

Color Values

HEX

#894E04

RGB

137, 78, 4

HSL

33.4, 94.3%, 27.6%

HSV

33.4, 97.1%, 53.7%

CMYK

0.0%, 43.1%, 97.1%, 46.3%

OKLCH

0.4833 0.1091 62.4

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#894E04

#043F89

Analogous

#890C04

#818904

#894E04

Triadic

#894E04

#04894E

#4E0489

Split Complementary

#894E04

#048189

#0C0489

Tetradic

#894E04

#04890C

#043F89

#890481

Color Blindness Simulation

Original

#894E04

Protanopia

#6F6F16

Deuteranopia

#73771A

Tritanopia

#862427

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDDFBA
300
#FCC888
400
#FAAB48
500
#F88D07
600
#C67106
700
#9F5A05
800
#7C4704
900
#5A3507
950
#392205

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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