#895330

#895330

Color Values

HEX

#895330

RGB

137, 83, 48

HSL

23.6, 48.1%, 36.3%

HSV

23.6, 65.0%, 53.7%

CMYK

0.0%, 39.4%, 65.0%, 46.3%

OKLCH

0.4964 0.0874 52.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#895330

#306689

Analogous

#89303A

#898030

#895330

Triadic

#895330

#308953

#533089

Split Complementary

#895330

#308980

#303A89

Tetradic

#895330

#3A8930

#306689

#803089

Color Blindness Simulation

Original

#895330

Protanopia

#727138

Deuteranopia

#75793A

Tritanopia

#863F41

Achromatopsia

#5C5C5C

CSS Usage

background-color: #895330;
color: #895330;
border-color: #895330;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#ECD8CA
300
#DFBCA4
400
#CE9773
500
#BD7242
600
#975C35
700
#79492A
800
#5E3921
900
#452C1B
950
#2C1C11

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