#897399

#897399

Color Values

HEX

#897399

RGB

137, 115, 153

HSL

274.7, 15.7%, 52.5%

HSV

274.7, 24.8%, 60.0%

CMYK

10.5%, 24.8%, 0.0%, 40.0%

OKLCH

0.5899 0.0622 310.7

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#897399

#839973

Analogous

#767399

#997396

#897399

Triadic

#897399

#998973

#739989

Split Complementary

#897399

#969973

#739976

Tetradic

#897399

#997673

#839973

#739699

Color Blindness Simulation

Original

#897399

Protanopia

#7F7F90

Deuteranopia

#81828E

Tritanopia

#888987

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DCD6E1
300
#C3B8CB
400
#A392AF
500
#836B94
600
#695676
700
#54455E
800
#41364A
900
#322A37
950
#1F1A23

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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