#894B18

#894B18

Color Values

HEX

#894B18

RGB

137, 75, 24

HSL

27.1, 70.2%, 31.6%

HSV

27.1, 82.5%, 53.7%

CMYK

0.0%, 45.3%, 82.5%, 46.3%

OKLCH

0.4788 0.1044 55.3

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#894B18

#185689

Analogous

#89181D

#898418

#894B18

Triadic

#894B18

#18894B

#4B1889

Split Complementary

#894B18

#188984

#181D89

Tetradic

#894B18

#1D8918

#185689

#841889

Color Blindness Simulation

Original

#894B18

Protanopia

#6E6E24

Deuteranopia

#727627

Tritanopia

#862E30

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F4D9C2
300
#EDBE97
400
#E39A5E
500
#D97726
600
#AE5F1E
700
#8B4C18
800
#6D3B13
900
#4F2D12
950
#321D0B

Contrast Checker

Text on white

6.81:1

AA Pass AAA Fail

Text on black

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