#897594

#897594

Color Values

HEX

#897594

RGB

137, 117, 148

HSL

278.7, 12.7%, 52.0%

HSV

278.7, 20.9%, 58.0%

CMYK

7.4%, 20.9%, 0.0%, 42.0%

OKLCH

0.5919 0.0519 313.5

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#897594

#809475

Analogous

#7A7594

#947590

#897594

Triadic

#897594

#948975

#759489

Split Complementary

#897594

#909475

#75947A

Tetradic

#897594

#947A75

#809475

#759094

Color Blindness Simulation

Original

#897594

Protanopia

#80808D

Deuteranopia

#82838B

Tritanopia

#888785

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A495AD
500
#846F90
600
#6A5973
700
#55475C
800
#423848
900
#322B36
950
#201B22

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass 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