#89655D

#89655D

Color Values

HEX

#89655D

RGB

137, 101, 93

HSL

10.9, 19.1%, 45.1%

HSV

10.9, 32.1%, 53.7%

CMYK

0.0%, 26.3%, 32.1%, 46.3%

OKLCH

0.5412 0.0486 32.8

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#89655D

#5D8189

Analogous

#895D6B

#897B5D

#89655D

Triadic

#89655D

#5D8965

#655D89

Split Complementary

#89655D

#5D897B

#5D6B89

Tetradic

#89655D

#6B895D

#5D8189

#7B5D89

Color Blindness Simulation

Original

#89655D

Protanopia

#79795F

Deuteranopia

#7C7E5F

Tritanopia

#876061

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EBEA
200
#E2D7D4
300
#CDBAB6
400
#B3958F
500
#987067
600
#795A53
700
#614842
800
#4C3834
900
#392B28
950
#241B19

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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