#871289

#871289

Color Values

HEX

#871289

RGB

135, 18, 137

HSL

299.0, 76.8%, 30.4%

HSV

299.0, 86.9%, 53.7%

CMYK

1.5%, 86.9%, 0.0%, 46.3%

OKLCH

0.4456 0.1933 327.4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#871289

#148912

Analogous

#4C1289

#891250

#871289

Triadic

#871289

#898712

#128987

Split Complementary

#871289

#508912

#12894C

Tetradic

#871289

#894C12

#148912

#125089

Color Blindness Simulation

Original

#871289

Protanopia

#54536C

Deuteranopia

#5B6465

Tritanopia

#815550

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F6C0F7
300
#EF93F1
400
#E758E9
500
#DE1EE1
600
#B218B4
700
#8E1390
800
#6F0F71
900
#510F52
950
#330934

Contrast Checker

Text on white

8.47:1

AA Pass AAA Pass

Text on black

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