#896562

#896562

Color Values

HEX

#896562

RGB

137, 101, 98

HSL

4.6, 16.6%, 46.1%

HSV

4.6, 28.5%, 53.7%

CMYK

0.0%, 26.3%, 28.5%, 46.3%

OKLCH

0.5426 0.0471 24.2

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#896562

#628689

Analogous

#896273

#897962

#896562

Triadic

#896562

#628965

#656289

Split Complementary

#896562

#628979

#627389

Tetradic

#896562

#738962

#628689

#796289

Color Blindness Simulation

Original

#896562

Protanopia

#797963

Deuteranopia

#7C7E63

Tritanopia

#876363

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D5
300
#CCB9B8
400
#B09391
500
#956E6A
600
#775855
700
#5F4644
800
#4A3735
900
#382A29
950
#231B1A

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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