#8F3682

#8F3682

Color Values

HEX

#8F3682

RGB

143, 54, 130

HSL

308.8, 45.2%, 38.6%

HSV

308.8, 62.2%, 56.1%

CMYK

0.0%, 62.2%, 9.1%, 43.9%

OKLCH

0.4853 0.1517 333.8

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8F3682

#368F43

Analogous

#6F368F

#8F3655

#8F3682

Triadic

#8F3682

#828F36

#36828F

Split Complementary

#8F3682

#558F36

#368F6F

Tetradic

#8F3682

#8F6F36

#368F43

#36558F

Color Blindness Simulation

Original

#8F3682

Protanopia

#686870

Deuteranopia

#6E746B

Tritanopia

#8B615E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCBE7
300
#DDA6D5
400
#CB76BF
500
#B946A8
600
#943887
700
#762D6C
800
#5D2354
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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