#8C4886

#8C4886

Color Values

HEX

#8C4886

RGB

140, 72, 134

HSL

305.3, 32.1%, 41.6%

HSV

305.3, 48.6%, 54.9%

CMYK

0.0%, 48.6%, 4.3%, 45.1%

OKLCH

0.5078 0.1233 330.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8C4886

#488C4E

Analogous

#70488C

#8C4864

#8C4886

Triadic

#8C4886

#868C48

#48868C

Split Complementary

#8C4886

#648C48

#488C70

Tetradic

#8C4886

#8C7048

#488C4E

#48648C

Color Blindness Simulation

Original

#8C4886

Protanopia

#6F6E77

Deuteranopia

#727873

Tritanopia

#896B69

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E7D0E5
300
#D5AED2
400
#BF82BA
500
#A857A1
600
#874581
700
#6C3767
800
#542B51
900
#3E223C
950
#271626

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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