#87197C

#87197C

Color Values

HEX

#87197C

RGB

135, 25, 124

HSL

306.0, 68.8%, 31.4%

HSV

306.0, 81.5%, 52.9%

CMYK

0.0%, 81.5%, 8.1%, 47.1%

OKLCH

0.4417 0.1781 332.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#87197C

#198724

Analogous

#5B1987

#871945

#87197C

Triadic

#87197C

#7C8719

#197C87

Split Complementary

#87197C

#458719

#19875B

Tetradic

#87197C

#875B19

#198724

#194587

Color Blindness Simulation

Original

#87197C

Protanopia

#575664

Deuteranopia

#5E665E

Tritanopia

#82514D

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F6
200
#F4C3EF
300
#EC98E3
400
#E260D5
500
#D728C6
600
#AC209E
700
#8A197F
800
#6C1463
900
#4E1248
950
#320C2E

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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