#894F04

#894F04

Color Values

HEX

#894F04

RGB

137, 79, 4

HSL

33.8, 94.3%, 27.6%

HSV

33.8, 97.1%, 53.7%

CMYK

0.0%, 42.3%, 97.1%, 46.3%

OKLCH

0.4852 0.1087 63.3

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#894F04

#043E89

Analogous

#890C04

#808904

#894F04

Triadic

#894F04

#04894F

#4F0489

Split Complementary

#894F04

#048089

#0C0489

Tetradic

#894F04

#04890C

#043E89

#890480

Color Blindness Simulation

Original

#894F04

Protanopia

#706F16

Deuteranopia

#73781A

Tritanopia

#862428

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEFDF
200
#FDE0BA
300
#FCC988
400
#FAAC48
500
#F88F07
600
#C67206
700
#9F5B05
800
#7C4704
900
#5A3607
950
#392205

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

3.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026