#896086

#896086

Color Values

HEX

#896086

RGB

137, 96, 134

HSL

304.4, 17.6%, 45.7%

HSV

304.4, 29.9%, 53.7%

CMYK

0.0%, 29.9%, 2.2%, 46.3%

OKLCH

0.5453 0.0759 329.1

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#896086

#608963

Analogous

#786089

#896072

#896086

Triadic

#896086

#868960

#608689

Split Complementary

#896086

#728960

#608978

Tetradic

#896086

#897860

#608963

#607289

Color Blindness Simulation

Original

#896086

Protanopia

#77777D

Deuteranopia

#7A7D7B

Tritanopia

#877674

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EAEF
200
#E2D5E1
300
#CDB7CB
400
#B190AF
500
#966993
600
#785475
700
#60435E
800
#4B3549
900
#382937
950
#231A23

Contrast Checker

Text on white

5.15:1

AA Pass AAA Fail

Text on black

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