#895F36

#895F36

Color Values

HEX

#895F36

RGB

137, 95, 54

HSL

29.6, 43.5%, 37.5%

HSV

29.6, 60.6%, 53.7%

CMYK

0.0%, 30.7%, 60.6%, 46.3%

OKLCH

0.521 0.0788 63.9

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#895F36

#366089

Analogous

#893637

#898936

#895F36

Triadic

#895F36

#36895F

#5F3689

Split Complementary

#895F36

#368989

#363789

Tetradic

#895F36

#378936

#366089

#893689

Color Blindness Simulation

Original

#895F36

Protanopia

#777640

Deuteranopia

#797C42

Tritanopia

#874849

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F4EDE7
200
#EBDBCC
300
#DCC1A7
400
#CAA078
500
#B77F48
600
#92653A
700
#75512E
800
#5B3F24
900
#43301D
950
#2B1E13

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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