#8C3686

#8C3686

Color Values

HEX

#8C3686

RGB

140, 54, 134

HSL

304.2, 44.3%, 38.0%

HSV

304.2, 61.4%, 54.9%

CMYK

0.0%, 61.4%, 4.3%, 45.1%

OKLCH

0.4829 0.1531 330.5

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#8C3686

#368C3C

Analogous

#67368C

#8C365B

#8C3686

Triadic

#8C3686

#868C36

#36868C

Split Complementary

#8C3686

#5B8C36

#368C67

Tetradic

#8C3686

#8C6736

#368C3C

#365B8C

Color Blindness Simulation

Original

#8C3686

Protanopia

#676673

Deuteranopia

#6C726E

Tritanopia

#886360

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBE9
300
#DDA7D9
400
#CA77C5
500
#B847B0
600
#93398D
700
#762D71
800
#5C2458
900
#441D41
950
#2B1229

Contrast Checker

Text on white

7.03:1

AA Pass AAA Pass

Text on black

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