#89677A

#89677A

Color Values

HEX

#89677A

RGB

137, 103, 122

HSL

326.5, 14.2%, 47.1%

HSV

326.5, 24.8%, 53.7%

CMYK

0.0%, 24.8%, 10.9%, 46.3%

OKLCH

0.5542 0.0512 344.3

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#89677A

#678976

Analogous

#876789

#896769

#89677A

Triadic

#89677A

#7A8967

#677A89

Split Complementary

#89677A

#698967

#678987

Tetradic

#89677A

#898767

#678976

#676989

Color Blindness Simulation

Original

#89677A

Protanopia

#7A7A75

Deuteranopia

#7C7F74

Tritanopia

#877271

Achromatopsia

#707070

CSS Usage

background-color: #89677A;
color: #89677A;
border-color: #89677A;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DC
300
#CAB9C3
400
#AE93A2
500
#926D82
600
#745868
700
#5D4653
800
#493741
900
#372A31
950
#231B1F

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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