#896387

#896387

Color Values

HEX

#896387

RGB

137, 99, 135

HSL

303.2, 16.1%, 46.3%

HSV

303.2, 27.7%, 53.7%

CMYK

0.0%, 27.7%, 1.5%, 46.3%

OKLCH

0.5513 0.0712 328.3

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896387

#638965

Analogous

#786389

#896374

#896387

Triadic

#896387

#878963

#638789

Split Complementary

#896387

#748963

#638978

Tetradic

#896387

#897863

#638965

#637489

Color Blindness Simulation

Original

#896387

Protanopia

#79787E

Deuteranopia

#7B7E7C

Tritanopia

#877776

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D6E0
300
#CCB8CB
400
#B091AE
500
#946B92
600
#765675
700
#5F445D
800
#4A3549
900
#372937
950
#231A23

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