#897D86

#897D86

Color Values

HEX

#897D86

RGB

137, 125, 134

HSL

315.0, 4.8%, 51.4%

HSV

315.0, 8.8%, 53.7%

CMYK

0.0%, 8.8%, 2.2%, 46.3%

OKLCH

0.6034 0.0196 334.4

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#897D86

#7D8980

Analogous

#867D89

#897D80

#897D86

Triadic

#897D86

#86897D

#7D8689

Split Complementary

#897D86

#80897D

#7D8986

Tetradic

#897D86

#89867D

#7D8980

#7D8089

Color Blindness Simulation

Original

#897D86

Protanopia

#848484

Deuteranopia

#848583

Tritanopia

#888282

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DDDADC
300
#C5BFC3
400
#A59CA3
500
#867983
600
#6B6168
700
#564E54
800
#433D41
900
#332E31
950
#201D1F

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026