#895419

#895419

Color Values

HEX

#895419

RGB

137, 84, 25

HSL

31.6, 69.1%, 31.8%

HSV

31.6, 81.8%, 53.7%

CMYK

0.0%, 38.7%, 81.8%, 46.3%

OKLCH

0.4958 0.1 63.8

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#895419

#194E89

Analogous

#891C19

#868919

#895419

Triadic

#895419

#198954

#541989

Split Complementary

#895419

#198689

#1C1989

Tetradic

#895419

#19891C

#194E89

#891986

Color Blindness Simulation

Original

#895419

Protanopia

#727227

Deuteranopia

#75792B

Tritanopia

#863335

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC498
400
#E2A45F
500
#D88427
600
#AC6A20
700
#8A5519
800
#6C4214
900
#4F3212
950
#32200C

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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