#872882

#872882

Color Values

HEX

#872882

RGB

135, 40, 130

HSL

303.2, 54.3%, 34.3%

HSV

303.2, 70.4%, 52.9%

CMYK

0.0%, 70.4%, 3.7%, 47.1%

OKLCH

0.4577 0.1664 330.1

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#872882

#28872D

Analogous

#5D2887

#872852

#872882

Triadic

#872882

#828728

#288287

Split Complementary

#872882

#528728

#28875D

Tetradic

#872882

#875D28

#28872D

#285287

Color Blindness Simulation

Original

#872882

Protanopia

#5E5D6C

Deuteranopia

#636A67

Tritanopia

#825B57

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EFC8ED
300
#E3A1DF
400
#D46DCE
500
#C53ABD
600
#9D2F97
700
#7E2579
800
#621D5F
900
#481946
950
#2E102C

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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