#8C3F86

#8C3F86

Color Values

HEX

#8C3F86

RGB

140, 63, 134

HSL

304.7, 37.9%, 39.8%

HSV

304.7, 55.0%, 54.9%

CMYK

0.0%, 55.0%, 4.3%, 45.1%

OKLCH

0.4947 0.1388 330.5

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8C3F86

#3F8C45

Analogous

#6C3F8C

#8C3F5F

#8C3F86

Triadic

#8C3F86

#868C3F

#3F868C

Split Complementary

#8C3F86

#5F8C3F

#3F8C6C

Tetradic

#8C3F86

#8C6C3F

#3F8C45

#3F5F8C

Color Blindness Simulation

Original

#8C3F86

Protanopia

#6B6A75

Deuteranopia

#6F7571

Tritanopia

#886764

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#E9CEE7
300
#D9ABD5
400
#C47DBF
500
#B04FA8
600
#8D3F87
700
#71336C
800
#582854
900
#41203E
950
#291427

Contrast Checker

Text on white

6.62:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026