#89656D

#89656D

Color Values

HEX

#89656D

RGB

137, 101, 109

HSL

346,7, 15,1%, 46,7%

HSV

346,7, 26,3%, 53,7%

CMYK

0,0%, 26,3%, 20,4%, 46,3%

OKLCH

0,5459 0,0477 4,0

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#89656D

#658981

Analogous

#89657F

#896F65

#89656D

Triadic

#89656D

#6D8965

#656D89

Split Complementary

#89656D

#65896F

#657F89

Tetradic

#89656D

#7F8965

#658981

#6F6589

Color Blindness Simulation

Original

#89656D

Protanopia

#79796B

Deuteranopia

#7C7E6B

Tritanopia

#876A69

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D8
300
#CBB9BD
400
#AF9299
500
#936C75
600
#75575D
700
#5E454B
800
#49363A
900
#372A2D
950
#231A1C

Contrast Checker

Text on white

5,07:1

AA Pass AAA Fail

Text on black

4,15: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