#895417

#895417

Color Values

HEX

#895417

RGB

137, 84, 23

HSL

32.1, 71.2%, 31.4%

HSV

32.1, 83.2%, 53.7%

CMYK

0.0%, 38.7%, 83.2%, 46.3%

OKLCH

0.4957 0.1009 64.3

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#895417

#174C89

Analogous

#891B17

#858917

#895417

Triadic

#895417

#178954

#541789

Split Complementary

#895417

#178589

#1B1789

Tetradic

#895417

#17891B

#174C89

#891785

Color Blindness Simulation

Original

#895417

Protanopia

#727226

Deuteranopia

#757929

Tritanopia

#863134

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F5DDC2
300
#EDC596
400
#E4A55D
500
#DA8625
600
#AF6B1D
700
#8C5618
800
#6D4312
900
#4F3311
950
#32200B

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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