#897598

#897598

Color Values

HEX

#897598

RGB

137, 117, 152

HSL

274.3, 14.5%, 52.7%

HSV

274.3, 23.0%, 59.6%

CMYK

9.9%, 23.0%, 0.0%, 40.4%

OKLCH

0.5935 0.0572 310.4

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#897598

#849875

Analogous

#777598

#987595

#897598

Triadic

#897598

#988975

#759889

Split Complementary

#897598

#959875

#759877

Tetradic

#897598

#987775

#849875

#759598

Color Blindness Simulation

Original

#897598

Protanopia

#808090

Deuteranopia

#82838E

Tritanopia

#888987

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E0
300
#C3B9CB
400
#A393AE
500
#826D92
600
#685775
700
#53465D
800
#413749
900
#312A37
950
#1F1B23

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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