#89088A

#89088A

Color Values

HEX

#89088A

RGB

137, 8, 138

HSL

299.5, 89.0%, 28.6%

HSV

299.5, 94.2%, 54.1%

CMYK

0.7%, 94.2%, 0.0%, 45.9%

OKLCH

0.4455 0.2002 327.9

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#89088A

#098A08

Analogous

#48088A

#8A084A

#89088A

Triadic

#89088A

#8A8908

#088A89

Split Complementary

#89088A

#4A8A08

#088A48

Tetradic

#89088A

#8A4808

#098A08

#084A8A

Color Blindness Simulation

Original

#89088A

Protanopia

#51506B

Deuteranopia

#596263

Tritanopia

#83524C

Achromatopsia

#2D2D2D

CSS Usage

background-color: #89088A;
color: #89088A;
border-color: #89088A;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FD
100
#FAE0FB
200
#FBBCFB
300
#F78BF8
400
#F34DF5
500
#EF0EF1
600
#BF0BC1
700
#99099A
800
#780778
900
#570A57
950
#370637

Contrast Checker

Text on white

8.52:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026