#896A69

#896A69

Color Values

HEX

#896A69

RGB

137, 106, 105

HSL

1.9, 13.2%, 47.5%

HSV

1.9, 23.4%, 53.7%

CMYK

0.0%, 22.6%, 23.4%, 46.3%

OKLCH

0.5547 0.0399 20.6

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#896A69

#698889

Analogous

#896978

#897A69

#896A69

Triadic

#896A69

#69896A

#6A6989

Split Complementary

#896A69

#69897A

#697889

Tetradic

#896A69

#788969

#698889

#7A6989

Color Blindness Simulation

Original

#896A69

Protanopia

#7C7B69

Deuteranopia

#7D8069

Tritanopia

#876969

Achromatopsia

#717171

CSS Usage

background-color: #896A69;
color: #896A69;
border-color: #896A69;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E0D7D7
300
#CABABA
400
#AD9594
500
#90706F
600
#735959
700
#5C4847
800
#483837
900
#362B2B
950
#221B1B

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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