#897693

#897693

Color Values

HEX

#897693

RGB

137, 118, 147

HSL

279.3, 11.8%, 52.0%

HSV

279.3, 19.7%, 57.6%

CMYK

6.8%, 19.7%, 0.0%, 42.4%

OKLCH

0.5935 0.0487 314.0

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#897693

#809376

Analogous

#7B7693

#93768F

#897693

Triadic

#897693

#938976

#769389

Split Complementary

#897693

#8F9376

#76937B

Tetradic

#897693

#937B76

#809376

#768F93

Color Blindness Simulation

Original

#897693

Protanopia

#81818C

Deuteranopia

#82838A

Tritanopia

#888685

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BBC9
400
#A496AC
500
#84708F
600
#6A5A72
700
#55485B
800
#423847
900
#322B36
950
#201B22

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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