#8D1589

#8D1589

Color Values

HEX

#8D1589

RGB

141, 21, 137

HSL

302.0, 74.1%, 31.8%

HSV

302.0, 85.1%, 55.3%

CMYK

0.0%, 85.1%, 2.8%, 44.7%

OKLCH

0.4569 0.1938 329.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#8D1589

#158D19

Analogous

#55158D

#8D154D

#8D1589

Triadic

#8D1589

#898D15

#15898D

Split Complementary

#8D1589

#4D8D15

#158D55

Tetradic

#8D1589

#8D5515

#158D19

#154D8D

Color Blindness Simulation

Original

#8D1589

Protanopia

#59586D

Deuteranopia

#606966

Tritanopia

#875752

Achromatopsia

#373737

CSS Usage

background-color: #8D1589;
color: #8D1589;
border-color: #8D1589;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F6C1F4
300
#EF94EC
400
#E75BE2
500
#DE21D8
600
#B21AAD
700
#8E158A
800
#6F116C
900
#51104F
950
#330A32

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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