#87367B

#87367B

Color Values

HEX

#87367B

RGB

135, 54, 123

HSL

308.9, 42.9%, 37.1%

HSV

308.9, 60.0%, 52.9%

CMYK

0.0%, 60.0%, 8.9%, 47.1%

OKLCH

0.4699 0.1404 333.7

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#87367B

#368742

Analogous

#6B3687

#873653

#87367B

Triadic

#87367B

#7B8736

#367B87

Split Complementary

#87367B

#538736

#36876B

Tetradic

#87367B

#876B36

#368742

#365387

Color Blindness Simulation

Original

#87367B

Protanopia

#64636A

Deuteranopia

#696F66

Tritanopia

#835D5A

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F2
200
#EBCCE6
300
#DCA8D4
400
#C978BD
500
#B649A6
600
#923A85
700
#752F6A
800
#5B2453
900
#431E3E
950
#2A1327

Contrast Checker

Text on white

7.38:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026