#896471

#896471

Color Values

HEX

#896471

RGB

137, 100, 113

HSL

338.9, 15.6%, 46.5%

HSV

338.9, 27.0%, 53.7%

CMYK

0.0%, 27.0%, 17.5%, 46.3%

OKLCH

0.5452 0.051 356.1

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#896471

#64897C

Analogous

#896484

#896A64

#896471

Triadic

#896471

#718964

#647189

Split Complementary

#896471

#64896A

#648489

Tetradic

#896471

#848964

#64897C

#6A6489

Color Blindness Simulation

Original

#896471

Protanopia

#79796E

Deuteranopia

#7B7E6D

Tritanopia

#876B6B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#F0EBEC
200
#E1D6DA
300
#CBB8BF
400
#AF929C
500
#936C7A
600
#765661
700
#5E454E
800
#4A363D
900
#372A2E
950
#231A1D

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail 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