#895646

#895646

Color Values

HEX

#895646

RGB

137, 86, 70

HSL

14.3, 32.4%, 40.6%

HSV

14.3, 48.9%, 53.7%

CMYK

0.0%, 37.2%, 48.9%, 46.3%

OKLCH

0.5061 0.0728 38.2

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#895646

#467989

Analogous

#894658

#897846

#895646

Triadic

#895646

#468956

#564689

Split Complementary

#895646

#468978

#465889

Tetradic

#895646

#588946

#467989

#784689

Color Blindness Simulation

Original

#895646

Protanopia

#73724A

Deuteranopia

#767A4B

Tritanopia

#864D4E

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E7D5D0
300
#D6B7AE
400
#BF9182
500
#A96A56
600
#875545
700
#6C4437
800
#54352B
900
#3F2922
950
#281A16

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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