#89108D

#89108D

Color Values

HEX

#89108D

RGB

137, 16, 141

HSL

298.1, 79.6%, 30.8%

HSV

298.1, 88.7%, 55.3%

CMYK

2.8%, 88.7%, 0.0%, 44.7%

OKLCH

0.4505 0.1983 326.7

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#89108D

#148D10

Analogous

#4B108D

#8D1052

#89108D

Triadic

#89108D

#8D8910

#108D89

Split Complementary

#89108D

#528D10

#108D4B

Tetradic

#89108D

#8D4B10

#148D10

#10528D

Color Blindness Simulation

Original

#89108D

Protanopia

#55546F

Deuteranopia

#5C6567

Tritanopia

#835752

Achromatopsia

#333333

CSS Usage

background-color: #89108D;
color: #89108D;
border-color: #89108D;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF2FD
100
#F8E1F9
200
#F6BFF8
300
#EF91F3
400
#E756EC
500
#DF1AE5
600
#B215B7
700
#8E1193
800
#6F0D72
900
#510E53
950
#330935

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

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