#897290

#897290

Color Values

HEX

#897290

RGB

137, 114, 144

HSL

286.0, 11.9%, 50.6%

HSV

286.0, 20.8%, 56.5%

CMYK

4.9%, 20.8%, 0.0%, 43.5%

OKLCH

0.5843 0.0525 318.2

Properties

Cool Light Nearest: plum 4

Color Harmonies

Complementary

#897290

#799072

Analogous

#7A7290

#907288

#897290

Triadic

#897290

#908972

#729089

Split Complementary

#897290

#889072

#72907A

Tetradic

#897290

#907A72

#799072

#728890

Color Blindness Simulation

Original

#897290

Protanopia

#7F7F89

Deuteranopia

#808287

Tritanopia

#888382

Achromatopsia

#797979

CSS Usage

background-color: #897290;
color: #897290;
border-color: #897290;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DED7E0
300
#C6BBC9
400
#A795AC
500
#88708F
600
#6C5A72
700
#57485B
800
#443847
900
#332B36
950
#201B22

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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