#895680

#895680

Color Values

HEX

#895680

RGB

137, 86, 128

HSL

310.6, 22.9%, 43.7%

HSV

310.6, 37.2%, 53.7%

CMYK

0.0%, 37.2%, 6.6%, 46.3%

OKLCH

0.5245 0.0892 333.4

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#895680

#56895F

Analogous

#785689

#895666

#895680

Triadic

#895680

#808956

#568089

Split Complementary

#895680

#668956

#568978

Tetradic

#895680

#897856

#56895F

#566689

Color Blindness Simulation

Original

#895680

Protanopia

#737276

Deuteranopia

#767A73

Tritanopia

#866E6C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E3D3E1
300
#D0B4CB
400
#B68BAF
500
#9D6292
600
#7D4F75
700
#643F5E
800
#4E3149
900
#3A2637
950
#251823

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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