#89749F

#89749F

Color Values

HEX

#89749F

RGB

137, 116, 159

HSL

269.3, 18.3%, 53.9%

HSV

269.3, 27.0%, 62.4%

CMYK

13.8%, 27.0%, 0.0%, 37.6%

OKLCH

0.5944 0.0685 306.7

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#89749F

#8A9F74

Analogous

#74749F

#9E749F

#89749F

Triadic

#89749F

#9F8974

#749F89

Split Complementary

#89749F

#9F9E74

#749F74

Tetradic

#89749F

#9F7474

#8A9F74

#749F9E

Color Blindness Simulation

Original

#89749F

Protanopia

#808095

Deuteranopia

#818392

Tritanopia

#888C8B

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DBD5E2
300
#C2B7CD
400
#A08FB2
500
#7F6897
600
#665379
700
#514361
800
#3F344B
900
#302838
950
#1E1A24

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