#8902A1

#8902A1

Color Values

HEX

#8902A1

RGB

137, 2, 161

HSL

290.9, 97.5%, 32.0%

HSV

290.9, 98.8%, 63.1%

CMYK

14.9%, 98.8%, 0.0%, 36.9%

OKLCH

0.4596 0.2195 319.9

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#8902A1

#1AA102

Analogous

#3902A1

#A1026A

#8902A1

Triadic

#8902A1

#A18902

#02A189

Split Complementary

#8902A1

#6AA102

#02A139

Tetradic

#8902A1

#A13902

#1AA102

#026AA1

Color Blindness Simulation

Original

#8902A1

Protanopia

#4F4D7B

Deuteranopia

#566071

Tritanopia

#825C55

Achromatopsia

#2A2A2A

CSS Usage

background-color: #8902A1;
color: #8902A1;
border-color: #8902A1;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF1FE
100
#F7DEFC
200
#F4B8FE
300
#EB86FD
400
#E145FD
500
#D603FC
600
#AB03C9
700
#8902A1
800
#6B027E
900
#4E065B
950
#310439

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

2.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