#896C74

#896C74

Color Values

HEX

#896C74

RGB

137, 108, 116

HSL

343.4, 11.8%, 48.0%

HSV

343.4, 21.2%, 53.7%

CMYK

0.0%, 21.2%, 15.3%, 46.3%

OKLCH

0.5622 0.0385 0.1

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#896C74

#6C8981

Analogous

#896C82

#89726C

#896C74

Triadic

#896C74

#74896C

#6C7489

Split Complementary

#896C74

#6C8972

#6C8289

Tetradic

#896C74

#82896C

#6C8981

#726C89

Color Blindness Simulation

Original

#896C74

Protanopia

#7C7C72

Deuteranopia

#7E8072

Tritanopia

#887170

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#E0D7D9
300
#C9BBBF
400
#AC969C
500
#8F7079
600
#725A61
700
#5B484D
800
#47383C
900
#362B2E
950
#221B1D

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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