#89618F

#89618F

Color Values

HEX

#89618F

RGB

137, 97, 143

HSL

292,2, 19,2%, 47,1%

HSV

292,2, 32,2%, 56,1%

CMYK

4,2%, 32,2%, 0,0%, 43,9%

OKLCH

0,5509 0,0839 322,1

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#89618F

#678F61

Analogous

#72618F

#8F617E

#89618F

Triadic

#89618F

#8F8961

#618F89

Split Complementary

#89618F

#7E8F61

#618F72

Tetradic

#89618F

#8F7261

#678F61

#617E8F

Color Blindness Simulation

Original

#89618F

Protanopia

#787784

Deuteranopia

#7A7D81

Tritanopia

#877B79

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E2
300
#CAB6CE
400
#AE8FB3
500
#926798
600
#74527A
700
#5D4261
800
#49344C
900
#372839
950
#231924

Contrast Checker

Text on white

5,04:1

AA Pass AAA Fail

Text on black

4,17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026