#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026