#896F62

#896F62

Color Values

HEX

#896F62

RGB

137, 111, 98

HSL

20.0, 16.6%, 46.1%

HSV

20.0, 28.5%, 53.7%

CMYK

0.0%, 19.0%, 28.5%, 46.3%

OKLCH

0.5632 0.0385 48.0

Properties

Warm Dark Nearest: peachpuff 4

Color Harmonies

Complementary

#896F62

#627C89

Analogous

#896269

#898362

#896F62

Triadic

#896F62

#62896F

#6F6289

Split Complementary

#896F62

#628983

#626989

Tetradic

#896F62

#698962

#627C89

#836289

Color Blindness Simulation

Original

#896F62

Protanopia

#7E7E65

Deuteranopia

#7F8166

Tritanopia

#886868

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D9D5
300
#CCBEB8
400
#B09B91
500
#95786A
600
#776055
700
#5F4D44
800
#4A3C35
900
#382E29
950
#231D1A

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.51:1

AA Pass 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