#896481

#896481

Color Values

HEX

#896481

RGB

137, 100, 129

HSL

313.0, 15.6%, 46.5%

HSV

313.0, 27.0%, 53.7%

CMYK

0.0%, 27.0%, 5.8%, 46.3%

OKLCH

0.5509 0.0631 334.3

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896481

#64896C

Analogous

#7F6489

#89646F

#896481

Triadic

#896481

#818964

#648189

Split Complementary

#896481

#6F8964

#64897F

Tetradic

#896481

#897F64

#64896C

#646F89

Color Blindness Simulation

Original

#896481

Protanopia

#79797A

Deuteranopia

#7B7E78

Tritanopia

#877473

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D6DE
300
#CBB8C7
400
#AF92A9
500
#936C8B
600
#76566F
700
#5E4559
800
#4A3645
900
#372A34
950
#231A21

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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