#873F80

#873F80

Color Values

HEX

#873F80

RGB

135, 63, 128

HSL

305.8, 36.4%, 38.8%

HSV

305.8, 53.3%, 52.9%

CMYK

0.0%, 53.3%, 5.2%, 47.1%

OKLCH

0.4848 0.1298 331.2

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#873F80

#3F8746

Analogous

#6A3F87

#873F5C

#873F80

Triadic

#873F80

#80873F

#3F8087

Split Complementary

#873F80

#5C873F

#3F876A

Tetradic

#873F80

#876A3F

#3F8746

#3F5C87

Color Blindness Simulation

Original

#873F80

Protanopia

#686770

Deuteranopia

#6C716C

Tritanopia

#836461

Achromatopsia

#535353

CSS Usage

background-color: #873F80;
color: #873F80;
border-color: #873F80;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E8F2
200
#E8CEE6
300
#D8ACD4
400
#C37EBC
500
#AE51A5
600
#8B4184
700
#6F346A
800
#572952
900
#40213D
950
#291527

Contrast Checker

Text on white

6.88:1

AA Pass AAA Fail

Text on black

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