#87227D

#87227D

Color Values

HEX

#87227D

RGB

135, 34, 125

HSL

305.9, 59.8%, 33.1%

HSV

305.9, 74.8%, 52.9%

CMYK

0.0%, 74.8%, 7.4%, 47.1%

OKLCH

0.4492 0.1696 332.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#87227D

#22872C

Analogous

#5E2287

#87224A

#87227D

Triadic

#87227D

#7D8722

#227D87

Split Complementary

#87227D

#4A8722

#22875E

Tetradic

#87227D

#875E22

#22872C

#224A87

Color Blindness Simulation

Original

#87227D

Protanopia

#5B5A67

Deuteranopia

#616962

Tritanopia

#825652

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C6EC
300
#E69DDF
400
#D968CE
500
#CC33BD
600
#A32997
700
#822179
800
#661A5E
900
#4B1645
950
#2F0E2C

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026