#89148C

#89148C

Color Values

HEX

#89148C

RGB

137, 20, 140

HSL

298.5, 75.0%, 31.4%

HSV

298.5, 85.7%, 54.9%

CMYK

2.1%, 85.7%, 0.0%, 45.1%

OKLCH

0.4518 0.195 327.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#89148C

#178C14

Analogous

#4D148C

#8C1453

#89148C

Triadic

#89148C

#8C8914

#148C89

Split Complementary

#89148C

#538C14

#148C4D

Tetradic

#89148C

#8C4D14

#178C14

#14538C

Color Blindness Simulation

Original

#89148C

Protanopia

#56556F

Deuteranopia

#5D6668

Tritanopia

#835853

Achromatopsia

#363636

CSS Usage

background-color: #89148C;
color: #89148C;
border-color: #89148C;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F5C1F6
300
#ED94F0
400
#E45AE7
500
#DA20DF
600
#AF19B3
700
#8C148F
800
#6D1070
900
#501051
950
#320A33

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

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