#897098

#897098

Color Values

HEX

#897098

RGB

137, 112, 152

HSL

277.5, 16.3%, 51.8%

HSV

277.5, 26.3%, 59.6%

CMYK

9.9%, 26.3%, 0.0%, 40.4%

OKLCH

0.5835 0.0665 312.6

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#897098

#7F9870

Analogous

#757098

#987093

#897098

Triadic

#897098

#988970

#709889

Split Complementary

#897098

#939870

#709875

Tetradic

#897098

#987570

#7F9870

#709398

Color Blindness Simulation

Original

#897098

Protanopia

#7E7E8E

Deuteranopia

#80828C

Tritanopia

#888785

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DDD5E1
300
#C4B8CC
400
#A491B0
500
#856B94
600
#6A5577
700
#55445F
800
#42354A
900
#322938
950
#201A23

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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