#896F84

#896F84

Color Values

HEX

#896F84

RGB

137, 111, 132

HSL

311.5, 10.5%, 48.6%

HSV

311.5, 19.0%, 53.7%

CMYK

0.0%, 19.0%, 3.6%, 46.3%

OKLCH

0.5737 0.0446 332.8

Properties

Warm Light Nearest: thistle 4

Color Harmonies

Complementary

#896F84

#6F8974

Analogous

#816F89

#896F77

#896F84

Triadic

#896F84

#84896F

#6F8489

Split Complementary

#896F84

#77896F

#6F8981

Tetradic

#896F84

#89816F

#6F8974

#6F7789

Color Blindness Simulation

Original

#896F84

Protanopia

#7E7E7F

Deuteranopia

#7F817E

Tritanopia

#887B7A

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EFECEE
200
#DFD8DE
300
#C8BBC6
400
#AB97A7
500
#8D7288
600
#715B6D
700
#5A4957
800
#463944
900
#352C33
950
#211C20

Contrast Checker

Text on white

4.5:1

AA Fail AAA Fail

Text on black

4.67:1

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