#896169

#896169

Color Values

HEX

#896169

RGB

137, 97, 105

HSL

348.0, 17.1%, 45.9%

HSV

348.0, 29.2%, 53.7%

CMYK

0.0%, 29.2%, 23.4%, 46.3%

OKLCH

0.5367 0.0531 5.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#896169

#618981

Analogous

#89617D

#896D61

#896169

Triadic

#896169

#698961

#616989

Split Complementary

#896169

#61896D

#617D89

Tetradic

#896169

#7D8961

#618981

#6D6189

Color Blindness Simulation

Original

#896169

Protanopia

#787767

Deuteranopia

#7A7D67

Tritanopia

#876665

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D5D8
300
#CCB7BC
400
#B19197
500
#956A72
600
#77555C
700
#604449
800
#4B3539
900
#38292C
950
#231A1C

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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