#87457F

#87457F

Color Values

HEX

#87457F

RGB

135, 69, 127

HSL

307.3, 32.4%, 40.0%

HSV

307.3, 48.9%, 52.9%

CMYK

0.0%, 48.9%, 5.9%, 47.1%

OKLCH

0.4932 0.1184 331.9

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#87457F

#45874D

Analogous

#6E4587

#87455E

#87457F

Triadic

#87457F

#7F8745

#457F87

Split Complementary

#87457F

#5E8745

#45876E

Tetradic

#87457F

#876E45

#45874D

#455E87

Color Blindness Simulation

Original

#87457F

Protanopia

#6A6A71

Deuteranopia

#6E736E

Tritanopia

#846663

Achromatopsia

#575757

CSS Usage

background-color: #87457F;
color: #87457F;
border-color: #87457F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F9
100
#F2E8F1
200
#E7D0E4
300
#D6AED1
400
#BF82B8
500
#A9569F
600
#87457F
700
#6C3766
800
#542B4F
900
#3F223B
950
#281625

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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