#87288F

#87288F

Color Values

HEX

#87288F

RGB

135, 40, 143

HSL

295.3, 56.3%, 35.9%

HSV

295.3, 72.0%, 56.1%

CMYK

5.6%, 72.0%, 0.0%, 43.9%

OKLCH

0.4654 0.1773 324.6

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#87288F

#308F28

Analogous

#53288F

#8F2864

#87288F

Triadic

#87288F

#8F8728

#288F87

Split Complementary

#87288F

#648F28

#288F53

Tetradic

#87288F

#8F5328

#308F28

#28648F

Color Blindness Simulation

Original

#87288F

Protanopia

#5E5D76

Deuteranopia

#636A70

Tritanopia

#82625E

Achromatopsia

#444444

CSS Usage

background-color: #87288F;
color: #87288F;
border-color: #87288F;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC7EF
300
#DF9FE4
400
#CD6CD6
500
#BC38C7
600
#962D9F
700
#782480
800
#5E1C64
900
#451849
950
#2C0F2E

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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