#871F82

#871F82

Color Values

HEX

#871F82

RGB

135, 31, 130

HSL

302.9, 62.7%, 32.5%

HSV

302.9, 77.0%, 52.9%

CMYK

0.0%, 77.0%, 3.7%, 47.1%

OKLCH

0.4496 0.1768 330.2

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#871F82

#1F8724

Analogous

#581F87

#871F4E

#871F82

Triadic

#871F82

#82871F

#1F8287

Split Complementary

#871F82

#4E871F

#1F8758

Tetradic

#871F82

#87581F

#1F8724

#1F4E87

Color Blindness Simulation

Original

#871F82

Protanopia

#5A596A

Deuteranopia

#606864

Tritanopia

#825753

Achromatopsia

#3C3C3C

CSS Usage

background-color: #871F82;
color: #871F82;
border-color: #871F82;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FBF3FB
100
#F7E4F6
200
#F2C5F0
300
#E89BE4
400
#DC65D6
500
#CF30C8
600
#A626A0
700
#851E80
800
#681864
900
#4C1549
950
#300D2E

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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