#8C2587

#8C2587

Color Values

HEX

#8C2587

RGB

140, 37, 135

HSL

302.9, 58.2%, 34.7%

HSV

302.9, 73.6%, 54.9%

CMYK

0.0%, 73.6%, 3.6%, 45.1%

OKLCH

0.4655 0.1767 330.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#8C2587

#258C2A

Analogous

#5D258C

#8C2554

#8C2587

Triadic

#8C2587

#878C25

#25878C

Split Complementary

#8C2587

#548C25

#258C5D

Tetradic

#8C2587

#8C5D25

#258C2A

#25548C

Color Blindness Simulation

Original

#8C2587

Protanopia

#5F5F6F

Deuteranopia

#656D6A

Tritanopia

#875D58

Achromatopsia

#424242

CSS Usage

background-color: #8C2587;
color: #8C2587;
border-color: #8C2587;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7EE
300
#E59EE2
400
#D86AD2
500
#CA35C3
600
#A12B9C
700
#81227D
800
#651B61
900
#4A1747
950
#2F0F2D

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

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