#87128F

#87128F

Color Values

HEX

#87128F

RGB

135, 18, 143

HSL

296.2, 77.6%, 31.6%

HSV

296.2, 87.4%, 56.1%

CMYK

5.6%, 87.4%, 0.0%, 43.9%

OKLCH

0.4495 0.1978 325.1

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#87128F

#1A8F12

Analogous

#49128F

#8F1259

#87128F

Triadic

#87128F

#8F8712

#128F87

Split Complementary

#87128F

#598F12

#128F49

Tetradic

#87128F

#8F4912

#1A8F12

#12598F

Color Blindness Simulation

Original

#87128F

Protanopia

#545371

Deuteranopia

#5B646A

Tritanopia

#815954

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F7E1F9
200
#F3C0F7
300
#EB92F1
400
#E157EA
500
#D61DE2
600
#AB17B5
700
#891291
800
#6B0E71
900
#4E0F52
950
#310934

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

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