#896193

#896193

Color Values

HEX

#896193

RGB

137, 97, 147

HSL

288.0, 20.5%, 47.8%

HSV

288.0, 34.0%, 57.6%

CMYK

6.8%, 34.0%, 0.0%, 42.4%

OKLCH

0.5527 0.0886 319.5

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#896193

#6B9361

Analogous

#706193

#936184

#896193

Triadic

#896193

#938961

#619389

Split Complementary

#896193

#849361

#619370

Tetradic

#896193

#937061

#6B9361

#618493

Color Blindness Simulation

Original

#896193

Protanopia

#787787

Deuteranopia

#7A7D84

Tritanopia

#877D7B

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E3
300
#C9B5CE
400
#AC8DB4
500
#8F659A
600
#73517B
700
#5C4162
800
#48334D
900
#362839
950
#221924

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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