#896570

#896570

Color Values

HEX

#896570

RGB

137, 101, 112

HSL

341.7, 15.1%, 46.7%

HSV

341.7, 26.3%, 53.7%

CMYK

0.0%, 26.3%, 18.2%, 46.3%

OKLCH

0.5468 0.0488 358.8

Properties

Warm Dark Nearest: pink 4

Color Harmonies

Complementary

#896570

#65897E

Analogous

#896582

#896C65

#896570

Triadic

#896570

#708965

#657089

Split Complementary

#896570

#65896C

#658289

Tetradic

#896570

#828965

#65897E

#6C6589

Color Blindness Simulation

Original

#896570

Protanopia

#79796D

Deuteranopia

#7C7E6D

Tritanopia

#876B6B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D9
300
#CBB9BE
400
#AF929B
500
#936C78
600
#755760
700
#5E454D
800
#49363C
900
#372A2E
950
#231A1D

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

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