#87337F

#87337F

Color Values

HEX

#87337F

RGB

135, 51, 127

HSL

305.7, 45.2%, 36.5%

HSV

305.7, 62.2%, 52.9%

CMYK

0.0%, 62.2%, 5.9%, 47.1%

OKLCH

0.4682 0.1484 331.6

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#87337F

#33873B

Analogous

#653387

#873355

#87337F

Triadic

#87337F

#7F8733

#337F87

Split Complementary

#87337F

#558733

#338765

Tetradic

#87337F

#876533

#33873B

#335587

Color Blindness Simulation

Original

#87337F

Protanopia

#63626D

Deuteranopia

#686E68

Tritanopia

#835E5B

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBE8
300
#DDA6D8
400
#CB76C3
500
#B946AE
600
#94388B
700
#762D6F
800
#5D2357
900
#441D40
950
#2B1229

Contrast Checker

Text on white

7.47:1

AA Pass AAA Pass

Text on black

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