#87318C

#87318C

Color Values

HEX

#87318C

RGB

135, 49, 140

HSL

296.7, 48.1%, 37.1%

HSV

296.7, 65.0%, 54.9%

CMYK

3.6%, 65.0%, 0.0%, 45.1%

OKLCH

0.4731 0.1628 325.5

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#87318C

#368C31

Analogous

#5A318C

#8C3164

#87318C

Triadic

#87318C

#8C8731

#318C87

Split Complementary

#87318C

#648C31

#318C5A

Tetradic

#87318C

#8C5A31

#368C31

#31648C

Color Blindness Simulation

Original

#87318C

Protanopia

#626176

Deuteranopia

#676D71

Tritanopia

#836561

Achromatopsia

#4A4A4A

CSS Usage

background-color: #87318C;
color: #87318C;
border-color: #87318C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCAEC
300
#DCA4DF
400
#C973CE
500
#B642BD
600
#923597
700
#752A79
800
#5B215E
900
#431B45
950
#2A112C

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

2.85:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026