#89508C

#89508C

Color Values

HEX

#89508C

RGB

137, 80, 140

HSL

297.0, 27.3%, 43.1%

HSV

297.0, 42.9%, 54.9%

CMYK

2.1%, 42.9%, 0.0%, 45.1%

OKLCH

0.5196 0.1126 325.2

Properties

Cool Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#89508C

#538C50

Analogous

#6B508C

#8C5071

#89508C

Triadic

#89508C

#8C8950

#508C89

Split Complementary

#89508C

#718C50

#508C6B

Tetradic

#89508C

#8C6B50

#538C50

#50718C

Color Blindness Simulation

Original

#89508C

Protanopia

#70707D

Deuteranopia

#74787A

Tritanopia

#867270

Achromatopsia

#606060

CSS Usage

background-color: #89508C;
color: #89508C;
border-color: #89508C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D2E5
300
#D1B1D3
400
#B887BA
500
#9F5DA2
600
#7F4A82
700
#663B68
800
#4F2E51
900
#3B253C
950
#251726

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail 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