#896480

#896480

Color Values

HEX

#896480

RGB

137, 100, 128

HSL

314.6, 15.6%, 46.5%

HSV

314.6, 27.0%, 53.7%

CMYK

0.0%, 27.0%, 6.6%, 46.3%

OKLCH

0.5505 0.0621 335.4

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896480

#64896D

Analogous

#806489

#89646E

#896480

Triadic

#896480

#808964

#648089

Split Complementary

#896480

#6E8964

#648980

Tetradic

#896480

#898064

#64896D

#646E89

Color Blindness Simulation

Original

#896480

Protanopia

#797979

Deuteranopia

#7B7E78

Tritanopia

#877473

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D6DE
300
#CBB8C7
400
#AF92A8
500
#936C8A
600
#76566E
700
#5E4558
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

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