#896E71

#896E71

Color Values

HEX

#896E71

RGB

137, 110, 113

HSL

353.3, 10.9%, 48.4%

HSV

353.3, 19.7%, 53.7%

CMYK

0.0%, 19.7%, 17.5%, 46.3%

OKLCH

0.5653 0.0345 10.7

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#896E71

#6E8986

Analogous

#896E7E

#89786E

#896E71

Triadic

#896E71

#71896E

#6E7189

Split Complementary

#896E71

#6E8978

#6E7E89

Tetradic

#896E71

#7E896E

#6E8986

#786E89

Color Blindness Simulation

Original

#896E71

Protanopia

#7D7D70

Deuteranopia

#7F8170

Tritanopia

#887070

Achromatopsia

#747474

CSS Usage

background-color: #896E71;
color: #896E71;
border-color: #896E71;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7D8
300
#C8BBBD
400
#AB9699
500
#8D7275
600
#715B5D
700
#5A494B
800
#47393A
900
#352C2D
950
#221C1C

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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