#8B417D

#8B417D

Color Values

HEX

#8B417D

RGB

139, 65, 125

HSL

311.4, 36.3%, 40.0%

HSV

311.4, 53.2%, 54.5%

CMYK

0.0%, 53.2%, 10.1%, 45.5%

OKLCH

0.4918 0.1267 335.0

Properties

Warm Dark Nearest: Plum

Color Psychology

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Color Harmonies

Complementary

#8B417D

#418B4F

Analogous

#74418B

#8B4158

#8B417D

Triadic

#8B417D

#7D8B41

#417D8B

Split Complementary

#8B417D

#588B41

#418B74

Tetradic

#8B417D

#8B7441

#418B4F

#41588B

Color Blindness Simulation

Original

#8B417D

Protanopia

#6B6A6E

Deuteranopia

#6F756B

Tritanopia

#876360

Achromatopsia

#555555

CSS Usage

background-color: #8B417D;
color: #8B417D;
border-color: #8B417D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE3
300
#D8ACD0
400
#C37EB6
500
#AE519C
600
#8B417D
700
#6F3464
800
#57294E
900
#40213A
950
#291525

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Compare With

#8B417D
#418B4F
#8B417D
#FFFFFF
#000000
#8B417D

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