#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

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026