#895986

#895986

Color Values

HEX

#895986

RGB

137, 89, 134

HSL

303.8, 21.2%, 44.3%

HSV

303.8, 35.0%, 53.7%

CMYK

0.0%, 35.0%, 2.2%, 46.3%

OKLCH

0.5324 0.0894 328.9

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#895986

#59895C

Analogous

#745989

#89596E

#895986

Triadic

#895986

#868959

#598689

Split Complementary

#895986

#6E8959

#598974

Tetradic

#895986

#897459

#59895C

#596E89

Color Blindness Simulation

Original

#895986

Protanopia

#74747B

Deuteranopia

#777B78

Tritanopia

#877371

Achromatopsia

#666666

CSS Usage

background-color: #895986;
color: #895986;
border-color: #895986;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E2
300
#CFB5CD
400
#B58DB2
500
#9B6497
600
#7C5079
700
#634061
800
#4D324C
900
#3A2739
950
#241924

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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